reaviz
intro-to-d3
reaviz | intro-to-d3 | |
---|---|---|
5 | 3 | |
907 | 28 | |
1.3% | - | |
9.5 | 0.0 | |
9 days ago | over 2 years ago | |
TypeScript | CSS | |
Apache License 2.0 | GNU General Public License v3.0 or later |
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.
reaviz
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
What are some alternatives?
react-chartjs
d3-sankey-circular - A fork of the d3-sankey library to allow circular links.
recharts - Redefined chart library built with React and D3
react-simple-maps - Beautiful React SVG maps with d3-geo and topojson using a declarative api.
victory - A collection of composable React components for building interactive data visualizations
echarts - Apache ECharts is a powerful, interactive charting and data visualization library for browser
react-vis - Data Visualization Components
d3-dual-range-slider - SVG component for dual-range-slider built with D3.js.
animated-world-map-D3-visualization - Animated world map showing gradient flow lines from different countries. Created using D3.js
Chart.js - Simple HTML5 Charts using the <canvas> tag
blog - SZÉKELYDATA | Erdély, Székelyföld és a nagyvilág a Big Data korszakában