d3-dual-range-slider
intro-to-d3
d3-dual-range-slider | intro-to-d3 | |
---|---|---|
1 | 3 | |
7 | 28 | |
- | - | |
5.1 | 0.0 | |
about 2 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-dual-range-slider
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-slider - Accessible, CSS agnostic, slider component for React.
d3-sankey-circular - A fork of the d3-sankey library to allow circular links.
chartist-js - Legacy Chartist Repo for old gh-pages
react-simple-maps - Beautiful React SVG maps with d3-geo and topojson using a declarative api.
Frappe Charts - Simple, responsive, modern SVG Charts with zero dependencies
echarts - Apache ECharts is a powerful, interactive charting and data visualization library for browser
rangeslider.js - 🎚 HTML5 input range slider element jQuery polyfill
animated-world-map-D3-visualization - Animated world map showing gradient flow lines from different countries. Created using D3.js
Ion.RangeSlider - jQuery only range slider
reaviz - đź“Š Data visualization library for React. Maintained by @goodcodeus.
toolcool-range-slider - Responsive range slider library written in typescript and using web component technologies. Pure JavaScript without additional dependencies. It has a rich set of settings, including any number of pointers (knobs), vertical and horizontal slider, touch, mousewheel and keyboard support, local and session storage, range dragging, and RTL support.
blog - SZÉKELYDATA | Erdély, Székelyföld és a nagyvilág a Big Data korszakában