multi-geo

Polymer building blocks elements for building geo visualization (based on d3.js v5)

<multi-geo>

Build composable, markup-based, extensible geo visualizations for the web.

<multi-geo> (along with <multi-chart>) is a Polymer/Webcomponent library to compose markup-driven and data-driven geo vizualization layers.

Motivation

While building vizualisation for the web, it is difficult to find the right balance between low-level vizualization kernel (like d3) that requires a lot of development work, and high-level black box library that are difficult to configure beyond a certain point.

<multi-geo> is a attempt to provide the best of two the worlds: low level extensible webcomponents (often wrapper around d3.js modules like d3-axis) composed together to build complex charts. The library proposes ready-to-use configurable charts, but also the building blocks for accomodating more complex use case.

<multi-geo>, plays well with <multi-chart> (similar library for standart charts) and <multi-verse>, a graphical interactive multi-dimensional analysis tool. Together, they offer a markup based alternative to tools like dc.js

Examples

Demo are and API documentation available here.

Features

Choropleth

Dependencies

For using <multi-geo>, please make sure that the following packages are available on the client:

• d3.js v5
• d3-svg-legend
• d3-tip
• topojson

The easiest is to import d3-bundle-element/d3-bundle-element-multi.html and topojson-element/d3-bundle-element-multi.html, which already includes all required rependencies.

Links

• View on GitHub
• View on NPM

Compatibility