JSPM

@preignition/multi-chart

4.2.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q25962F
  • License MIT

lit-element components for building charts and visualization (based on d3.js v5).

Package Exports

  • @preignition/multi-chart
  • @preignition/multi-chart/src/helper/utils.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@preignition/multi-chart) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Published on webcomponents.org

<multi-chart>

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

<multi-chart> is a Polymer/Webcomponent library to compose markup-driven and data-driven 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-chart> 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-chart>, plays well with <multi-geo> (similar library for geo charts like choropleth) 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.

Pie

Bar

Stack

Radar

Bubble

Dependencies

For using <multi-chart>, 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, which already includes all required rependencies.