riatelab/geoviz

d3-based javascript library for thematic maps

Geoviz JavaScript library

Tags #cartography #maps #geoviz #dataviz #JSspatial #Observable #FrontEndCartography

geoviz is a JavaScript library for designing thematic maps. The library provides a set of d3 compatible functions that you can mix with the usual d3 syntax. The library is designed to be intuitive and concise. It allow to manage different geographic layers (points, lines, polygons) and marks (circles, labels, scale bar, title, north arrow, etc.) to design pretty maps. Its use is particularly well suited to Observable notebooks. Maps deigned with geoviz are:

🌳 Thematic ✒️ Vectorial 👆 Interactive ♻️ Interoperable 🔎 Zoomable

Installation

In the browser

<script src="https://cdn.jsdelivr.net/npm/geoviz" charset="utf-8"></script>

In Observable

geoviz = require("geoviz")

Documentation

• API documentation
• Live examples

geoviz's Issues

feature request: add parameters to set minimum and maximum zoom level

First of all, thank you for this excellent product.

I would like to have these, because very often a map becomes insubstantial and unreadable at zooms too high or too low.

Thank you

export svg for illustrator

Broken Choropleth Example

As a potential user of GeoViz, I was evaluating the various demos and noticed that this one is broken:

https://neocarto.github.io/geoviz/examples/choropleth.html

Manage hover behaviour

With the current SVG structure, tooltips appear when hovering one element, showing info relative to this element.
When several layers overlap, it's then impossible to show tooltip of elements in the background.

It would be great to manage hover for each layer pointed by the cursor.
One exemple of this desired behaviour can be found here and is shown below (cursor position in yellow) :

Header and footer on MacOS

On Safari (MacOS) the header and footer text don't fit well in the svg.

Canvas mode

To think about...

fix legend.squares()

check size of squares

Views

Add observable views on marks