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

Published on webcomponents.org

<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:

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.

Install

Link to this version
ImportedReleased 12 January 2019MIT License
Framework Support
Polymer 2.0+
Browser Independent
Install with
bower install --save PolymerEl/multi-geo"#2.1.0"
Run the above Bower command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 2.1.0

Dependencies

  • polymer#Polymer/polymer#^2.0.0
  • iron-ajax#PolymerElements/iron-ajax#^2.0.0
  • iron-resizable-behavior#PolymerElements/iron-resizable-behavior#^2.0.0
  • iron-selector#PolymerElements/iron-selector#^2.0.0
  • vaadin-themable-mixin#^1.2.1
  • d3-bundle-element#^2.0.0
  • multi-chart#PolymerEl/multi-chart#^2.0.0