Dimensional charting built to work natively with crossfilter rendered using d3.js
Switch branches/tags
alexb/be_choropleth_updates alexb/choropleth_ordinal andrew/fix-publish-docs axis-labels basemap binning-helper-fix bug/choropleth-multiPoly bug/css bug/enforce-cap bug/fixes bug/label-scroll bug/pointmap-filter bug/popup bug/range-filter-clear bug/raster-size bug/tspan_null bugfix/fix-scatter-label bugfix/prevent-draw-filters-from-duplicating charting/v4.0.2 chore/cla chore/codecov chore/fix-contrib-links chore/update-license chris/auto_quantile chris/poly-layr-vega chris/render_tests chrish/bump-dep-data-layer chrish/cf-conn-deps-update chrish/deep-equal-dep-cleanup chrish/example-mapd3-crossfilter chrish/geoheat_ie_3515 chrish/heat_axis_nulls chrish/heatmap_axis_labels_nulls chrish/layer-stacking chrish/mapd-legendables chrish/table-unbin-4688 chrish/table_sort_3583 chrish/update-crossfilter chrish/webpack-upgrade chrisv/clear-axis-format chrisv/compile-target chrisv/compile chrisv/crossfilter-ce39eb2 chrisv/example-multi-axis chrisv/extract-custom-4389 chrisv/format-cache-4421 chrisv/formatting-merge chrisv/formatting chrisv/formatting2 chrisv/formatting3 chrisv/formatting4 chrisv/histo-tooltip-title-4396 chrisv/ie-label chrisv/mapbox-token_#2947 chrisv/number-font-size-4406 chrisv/publish-1.1.0 chrisv/render-vega chrisv/simple-map-api chrisv/timer chrisv/upgrade-packages-117 chrisv/zoom-to-location compiling_latest_mapdc coverage demo_hardcoded_decimals develop-save develop du/deselect_label_row_pie du/fix-overflow-axis-label-edit du/polish_stacked_legend du/stack-legend-handle-default-open-states du/stacked-legend-open-state-fixes ecstatic-upgrade example-tests feature/dimension-lock feature/measure-lock feature/nulls-first-last fix-draw-example fix/raster-draw geo-fix geoheat-error gh-pages grouped-point grouped-points include_release_compile infra/yarn-take-two jon/destroy-hook jon/stacked-legend jon/table-filter jrajav/gh-pages-update-1 jrajav/guard-invalid-legend-vals jrajav/ms-binning_FE-5463 legendables line-destroy line-refactor mapbox_attrib_location marc/density_accumulator marc/docs_polish marc/example_images marc/update_examples master-save master matt/change-mapd-deps_FE-5366 mena/css2 mena/legend mena/legend2 micah/ff-bbox-bugfix micah/146/use-bundle micah/3771/pointmap-popups micah/3828/table-data-export module-builds modules multi-groups multi-heat nan-domain npm-name-mapd-charting npm-name-mapdc opacity overview-detail point-agg-vega point-vega-lite poly-layr-vega raster-chart-warn raster-color raster-layer-point-autosize raster-point-additions rc/v1.1.3 record-cache redraw-all redraw-every-chart redraw-group refactor-line remove-codecov sample-fix scatter-legend scatter-saga simon.eves/in_situ_line_rendering_vega_format_change stacked-bar stacked-barchart stacked-legend tai/legend tai/shapefilter tai/skinny-histo tai/table-fix tweetmap update_mapd-connector uyanga/FE-4883_lineLayer uyanga/FE-4998_ordinal_legend_collapse_bug uyanga/FE-5325_choropleth_click_error uyanga/FE-5422_boolean_color_measure uyanga/FE-5458_change_linejoin uyanga/FE-7268_delete_legend_when_delete_layer uyanga/FE-7305_color_measure_bug uyanga/FE-7328_choropleth_filtering_color uyanga/FE-7399_custom_SQL_measure uyanga/FE-7401_all_null_color_measure_col uyanga/FE-7438_optimize_viewport_clipping uyanga/FE-7459_geocol_other_names uyanga/FE-7485_change_Linemap_hit_test uyanga/FE-7493_remove_extra_map_canvas uyanga/date_formatting uyanga/date_formatting2 uyanga/date_formatting3 uyanga/formatting_bug_fixes uyanga/linemap_example uyanga/remove_color_measure_on_joined_linemap uyanga/4046_point_map_lastFilteredSize_bug uyanga/4286_raster_chart_lasso_bug uyanga/4334_raster_chart_other_color_bug uyanga/4370_table_chart_col_filter uyanga/4382-line_chart_brush_bug uyanga/4502_IE_chart_label uyanga/4521_date_format_for_other_time_units uyanga/5003_raster_chart_legend_bug uyanga/5423_geocol_from_both_sources v1.3.0-rc1 v3.2.3-rc1
Nothing to show
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github add contributor license agreement (#22) May 6, 2017
dist [FE-7268] delete legend when delete layer and handle master layer leg… Nov 30, 2018
example Update some links to current and public servers (#278) Dec 3, 2018
scripts Geo Heatmap Example (#77) Aug 28, 2017
scss [WIP] Linemap raster chart (#249) Oct 9, 2018
src [FE-7268] delete legend when delete layer and handle master layer leg… Nov 30, 2018
test Chrisv/formatting merge (#181) Apr 13, 2018
.babelrc Geo Heatmap Example (#77) Aug 28, 2017
.eslintrc.js Micah/157/prettier (#166) Feb 24, 2018
.gitignore format cache module (#237) Jun 18, 2018
.npmignore Geo Heatmap Example (#77) Aug 28, 2017
.prettierignore Support poly rendering with geo types Apr 30, 2018
.travis.yml Chrisv/formatting merge (#181) Apr 13, 2018
LICENSE Update LICENSE May 5, 2017
README.md [FE-7440] Linemap example (#265) Nov 7, 2018
index.js Geo Heatmap Example (#77) Aug 28, 2017
mapdc.css fix spinner css (#99) Aug 30, 2017
package-lock.json [FE-7440] Linemap example (#265) Nov 7, 2018
package.json [FE-7268] delete legend when delete layer and handle master layer leg… Nov 30, 2018
webpack.config.js Geo Heatmap Example (#77) Aug 28, 2017
yarn.lock [FE-7268] delete legend when delete layer and handle master layer leg… Nov 30, 2018


MapD Charting

Dimensional charting built to work natively with crossfilter rendered using d3.js.


Flights Dataset: Brushing on timeline with Bubble Chart and Row Chart


Tweets Dataset: Brushing on timeline and hovering on Pointmap datapoint which displays row information


Tweets Dataset: Using MapD-Draw tool on pointmap to select specific areas on a map



Visit our examples page for ideas of what can be created MapD Charting

Quick Start

Step 1: Install Dependencies
yarn install #downloads all dependencies and devDependencies
Step 2: Run Start Script
yarn run start
yarn run watch


MapD-Charting is a superfast charting library that works natively with crossfilter that is based off dc.js. It is designed to work with MapD-Connector and MapD-Crossfilter to create charts instantly with our MapD-Core SQL Database. Please see examples for further understanding to quickly create interactive charts.

Our Tweetmap Demo was made only using MapD-Charting.


Visit our API Docs for additional information on MapD Charting


New components in MapD-Charting should be unit-tested and linted. All tests will be in the same folder as the new component.

+-- src
|   +-- /mixins/new-mixin-component.js
|   +-- /mixins/new-mixin-component.unit.spec.js

The linter and all tests run on

yarn run test

To check only unit-tests run:

yarn run test:unit


Please lint all your code in mapd-charting/. The lint config file can be found in .eslintrc.json. For new components, please fix all lint warnings and errors.


Command Description
yarn run start Copies files for examples and then serves the example
yarn run build Runs webpack and builds js and css in /dist
yarn run docs Creates and opens docs
yarn run test Runs both linting and unit tests
yarn run clean Removes node modules, dist, docs, and example files


The charting library uses documentation.js for API documentation. Docs can be built and viewed locally with the npm run docs command.


Interested in contributing? We'd love for you to help! Check out Contributing.MD