intro-to-d3
reaviz
intro-to-d3 | reaviz | |
---|---|---|
3 | 5 | |
28 | 907 | |
- | 1.3% | |
0.0 | 9.5 | |
over 2 years ago | 9 days ago | |
CSS | TypeScript | |
GNU General Public License v3.0 or later | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
intro-to-d3
-
How to filter data to show daily, weekly, and monthly?
For learning D3, I'd start with a tutorial like this and then check out the D3 graph gallery for inspiration
-
Help: Getting Value of List Item on Click
There's a possibly relevant tutorial for data binding and the source code. In one of the examples, the click handler for a button press updates some graph - that's probably similar to the setup you want. It doesn't matter if you pass the value into the update function or throw it in a global, it should work as long as you call your graph update function right after.
- I've forked Square's Intro to D3.js tutorial and updated it for D3 v5-v7
reaviz
What are some alternatives?
d3-sankey-circular - A fork of the d3-sankey library to allow circular links.
react-chartjs
react-simple-maps - Beautiful React SVG maps with d3-geo and topojson using a declarative api.
recharts - Redefined chart library built with React and D3
echarts - Apache ECharts is a powerful, interactive charting and data visualization library for browser
victory - A collection of composable React components for building interactive data visualizations
d3-dual-range-slider - SVG component for dual-range-slider built with D3.js.
react-vis - Data Visualization Components
animated-world-map-D3-visualization - Animated world map showing gradient flow lines from different countries. Created using D3.js
blog - SZÉKELYDATA | Erdély, Székelyföld és a nagyvilág a Big Data korszakában
Chart.js - Simple HTML5 Charts using the <canvas> tag