d3-sankey-circular
intro-to-d3
Our great sponsors
| d3-sankey-circular | intro-to-d3 | |
|---|---|---|
| 1 | 3 | |
| 86 | 28 | |
| - | - | |
| 0.0 | 0.0 | |
| 9 months ago | over 2 years ago | |
| JavaScript | CSS | |
| MIT License | 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.
d3-sankey-circular
-
FactorioLab 1.3!
The calculator uses a linear program and the Simplex method to solve for the production chain in cases like that. I wrote a document about the process here. To visualize it in the flow diagram I just use a third party library that handles circular loops, d3-sankey-circular.
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?
d3-graphviz - Graphviz DOT rendering and animated transitions using D3
react-simple-maps - Beautiful React SVG maps with d3-geo and topojson using a declarative api.
Chart.js - Simple HTML5 Charts using the <canvas> tag
echarts - Apache ECharts is a powerful, interactive charting and data visualization library for browser
d3-dual-range-slider - SVG component for dual-range-slider built with D3.js.
factoriolab - Angular-based calculator for factory games like Factorio and Dyson Sphere Program
reaviz - đź“Š Data visualization library for React. Maintained by @goodcodeus.
freeCodeCamp - freeCodeCamp.org's open-source codebase and curriculum. Learn to code for free.
animated-world-map-D3-visualization - Animated world map showing gradient flow lines from different countries. Created using D3.js
factorio-lab-tools - Lua parser to build data and icons for FactorioLab base recipe sets
blog - SZÉKELYDATA | Erdély, Székelyföld és a nagyvilág a Big Data korszakában