|Project Name||Stars||Downloads||Repos Using This||Packages Using This||Most Recent Commit||Total Releases||Latest Release||Open Issues||License||Language|
|D3||106,319||23,721||5,935||8 days ago||272||June 03, 2023||7||isc||Shell|
|Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:|
|Recharts||21,141||3,502||1,046||8 hours ago||215||June 22, 2023||493||mit||TypeScript|
|Redefined chart library built with React and D3|
|Visx||17,764||86||13 days ago||32||July 11, 2023||136||mit||TypeScript|
|🐯 visx | visualization components|
|Plotly.py||14,133||45||15 days ago||89||October 29, 2022||1,423||mit||Python|
|The interactive graphing library for Python :sparkles: This project now includes Plotly Express!|
|Nivo||11,907||151||191||a day ago||69||May 07, 2023||119||mit||TypeScript|
|nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries|
|A collection of composable React components for building interactive data visualizations|
|:bar_chart: A D3-based reusable chart library|
|Billboard.js||5,608||70||40||15 hours ago||157||August 04, 2023||147||mit||TypeScript|
Components to rapidly build fast, highly customisable, interactive charts with D3
The latest release of D3FC is available via npm or the unpkg CDN. The D3FC project is composed of a number of separate packages each of which can be installed via npm and used independently, or if you prefer you can install the entire D3FC bundle, which includes all of the separate packages -
npm install d3fc
<script src="https://unpkg.com/d3"></script> <script src="https://unpkg.com/d3fc"></script>
Test your installation using the simple chart example.
The following getting-started guides are available -
For API documentation see the corresponding package documentation -
Framework integration examples:
There are also a number of other documents and articles that provide a bit more background regarding the design principles of D3FC -
This project is a mono-repo that uses Lerna to manage dependencies between packages. To get started, run -
npm ci npm test
When making changes to a package, you can execute the following either from within the package folder to build just that package or from the project root to build all packages -
npm run bundle
To open a development sandbox which is automatically updated when you save changes to source files, navigate to the project root and run -
Releases are managed via CI and semantic release.
These components are licensed under the MIT License.
Project supported by Scott Logic.