Directory

← Back

multi-geo

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

Author

Rating

Popularity

<100

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.

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

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
Released
2019-01-12
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Polymer 2.0+
Browser
Browser Independent

multi-geo - Vaadin Add-on Directory

Polymer building blocks elements for building geo visualization (based on d3.js v5) multi-geo - Vaadin Add-on Directory
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://webcomponents.org/element/multi-geo) # \ Build composable, markup-based, extensible geo visualizations for the web. \ (along with \) 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. \ 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. \, plays well with [\](https://github.com/PolymerEl/multi-chart) (similar library for standart charts) and [\](https://github.com/PolymerEl/multi-verse), a graphical interactive multi-dimensional analysis tool. Together, they offer a markup based alternative to tools like [dc.js](https://dc-js.github.io/dc.js/) ## Examples [Demo](https://webcomponents.org/element/multi-geo/demo/index.html) are [and API documentation available here](https://webcomponents.org/element/multi-geo). ### Features
### Choropleth
## Dependencies For using \, please make sure that the following packages are available on the client: - [d3.js v5](https://d3js.org/) - [d3-svg-legend](http://d3-legend.susielu.com/) - [d3-tip](https://github.com/Caged/d3-tip) - [topojson](https://github.com/topojson/topojson) The easiest is to import [d3-bundle-element/d3-bundle-element-multi.html](https://github.com/PolymerEl/d3-bundle) and [topojson-element/d3-bundle-element-multi.html](https://github.com/PolymerEl/d3-bundle), which already includes all required rependencies.
View on GitHub
View on NPM

multi-geo version 2.0.0
### Dependencies * polymer#github:Polymer/polymer#^2.0.0 * iron-ajax#github:PolymerElements/iron-ajax#^2.0.0 * iron-resizable-behavior#github:PolymerElements/iron-resizable-behavior#^2.0.0 * iron-selector#github:PolymerElements/iron-selector#^2.0.0 * vaadin-themable-mixin#^1.2.1 * d3-bundle-element#^2.0.0 * multi-chart#github:PolymerEl/multi-chart#^2.0.0

multi-geo version 2.0.1
### Dependencies * polymer#github:Polymer/polymer#^2.0.0 * iron-ajax#github:PolymerElements/iron-ajax#^2.0.0 * iron-resizable-behavior#github:PolymerElements/iron-resizable-behavior#^2.0.0 * iron-selector#github:PolymerElements/iron-selector#^2.0.0 * vaadin-themable-mixin#^1.2.1 * d3-bundle-element#^2.0.0 * multi-chart#github:PolymerEl/multi-chart#^2.0.0

multi-geo version 2.0.2
### Dependencies * polymer#github:Polymer/polymer#^2.0.0 * iron-ajax#github:PolymerElements/iron-ajax#^2.0.0 * iron-resizable-behavior#github:PolymerElements/iron-resizable-behavior#^2.0.0 * iron-selector#github:PolymerElements/iron-selector#^2.0.0 * vaadin-themable-mixin#^1.2.1 * d3-bundle-element#^2.0.0 * multi-chart#github:PolymerEl/multi-chart#^2.0.0

multi-geo version 2.0.3
### Dependencies * polymer#github:Polymer/polymer#^2.0.0 * iron-ajax#github:PolymerElements/iron-ajax#^2.0.0 * iron-resizable-behavior#github:PolymerElements/iron-resizable-behavior#^2.0.0 * iron-selector#github:PolymerElements/iron-selector#^2.0.0 * vaadin-themable-mixin#^1.2.1 * d3-bundle-element#^2.0.0 * multi-chart#github:PolymerEl/multi-chart#^2.0.0

multi-geo version 2.0.4
### Dependencies * polymer#github:Polymer/polymer#^2.0.0 * iron-ajax#github:PolymerElements/iron-ajax#^2.0.0 * iron-resizable-behavior#github:PolymerElements/iron-resizable-behavior#^2.0.0 * iron-selector#github:PolymerElements/iron-selector#^2.0.0 * vaadin-themable-mixin#^1.2.1 * d3-bundle-element#^2.0.0 * multi-chart#github:PolymerEl/multi-chart#^2.0.0

multi-geo version 2.0.5
### 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

multi-geo 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

Online