A collection of components that make it easy to build interactive charts with D3
Alternatives To D3fc
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
D3106,31923,7215,9358 days ago272June 03, 20237iscShell
Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
Recharts21,1413,5021,0468 hours ago215June 22, 2023493mitTypeScript
Redefined chart library built with React and D3
Visx17,7648613 days ago32July 11, 2023136mitTypeScript
🐯 visx | visualization components
Plotly.js16,0027182473 days ago239July 25, 20231,507mitJavaScript
Open-source JavaScript charting library behind Plotly and Dash
Plotly.py14,1334515 days ago89October 29, 20221,423mitPython
The interactive graphing library for Python :sparkles: This project now includes Plotly Express!
Nivo11,907151191a day ago69May 07, 2023119mitTypeScript
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
Victory10,52768623219 hours ago236June 13, 2023299otherJavaScript
A collection of composable React components for building interactive data visualizations
C39,2851,1341803 months ago67August 08, 2020781mitJavaScript
:bar_chart: A D3-based reusable chart library
Rickshaw6,51716311a year ago13March 30, 2020206mitJavaScript
JavaScript toolkit for creating interactive real-time graphs
Billboard.js5,608704015 hours ago157August 04, 2023147mitTypeScript
📊 Re-usable, easy interface JavaScript chart library based on D3.js
Alternatives To D3fc
Select To Compare

Alternative Project Comparisons

D3FC Logo

Build status npm version

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 -

  • Building a Chart - a walk through building a chart with D3FC and what makes it different from other libraries.
  • The Decorate Pattern - the pattern D3FC employs, resulting in charting components that are both simple and flexible.
  • Transitions - how to use D3 transitions with D3FC.

For API documentation see the corresponding package documentation -

Examples can be found on the project website. These same examples are also available offline.

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 -

npm start


Releases are managed via CI and semantic release.


These components are licensed under the MIT License.


Project supported by Scott Logic.

Popular D3 Projects
Popular Chart Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.