| const ChartManager = function() { | |
| function init() { } | |
| function config() { } | |
| function setData() { } | |
| function render() { } | |
| return { |
| license: gpl-3.0 |
Slides
https://docs.google.com/presentation/d/1aKZMNc7b0r4lXZhuv_6KV7tyaY-77vsPlfsnT8hh4wI/edit?usp=sharing
Workshop Examples
https://github.com/mapd/openvisconf-workshop-2018
Installing the Docker Image
https://www.mapd.com/docs/latest/getting-started/docker-cpu-ce-recipe/#docker-cpu-ce-recipe
Documentation
| license: mit |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <link rel="stylesheet" href="./mapd3.min.css"> | |
| <style> | |
| .chart1 { | |
| margin-top: 80px; | |
| margin-left: 40px; | |
| } | |
| .mapd3 { |
| <html> | |
| <head> | |
| <link rel="stylesheet" href="mapd3.min.css"> | |
| </head><body> | |
| <div class="chart1"></div> | |
| <div class="chart2"></div> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.5.0/d3.min.js"></script> | |
| <script src="mapd3.min.js"></script> | |
| <script> |
| license: mit |
| define(function(require) { | |
| const d3Selection = require('d3-selection'); | |
| /** | |
| * Toggles selection on clickable elements. Will set classes "selected" and "dimmed". | |
| * @param {Number} selector A valid selector of the elements to toggle | |
| * @example | |
| * barChart.on('customClick', britecharts.interactors.multiToggle('rect.bar')) | |
| * |
| var chartManager = {} | |
| chartManager.line = function(selector) { | |
| var config = { | |
| height: 200, | |
| width: 200 | |
| } | |
| var dataCache = [] | |
| var events = function(eventName, cb) { | |
| var data = dataManager.getData(dimension, group) | |
| var lineChart = chartManager.line('#chart') | |
| .config({ | |
| height: 100, | |
| width: 100 | |
| }) | |
| .on('click', (e => {})) | |
| .data(data) |