D3

The "Awesome D3" project is a curated collection of resources dedicated to D3.js, a powerful JavaScript library for producing dynamic, interactive data visualizations in web browsers. This list encompasses a variety of resources including tutorials, examples, plugins, tools, and community contributions that help users harness the full potential of D3.js. Whether you are a beginner looking to learn the basics of data visualization or an experienced developer seeking advanced techniques and tools, this list provides valuable insights and resources. Dive into the world of data visualization with D3.js and discover how to create stunning visual representations of your data.

data-visualizationd3jsjavascriptweb-developmentchartsgraphsinteractive-visualizations

RSS View on GitHub

5.3k stars312 forks0 contributorsUpdated

Charts

28 projects

billboard.js

A re-usable, easy interface JavaScript chart library based on D3.js.

#chart#graph#web-dashboard

Stars5,980

Forks357

Last commit6 days ago

britecharts

A composable charting library built with reusable D3.js components for creating client-side data visualizations.

#reusable-charting-library#chart#britecharts

Stars3,722

Forks214

Last commit2 years ago

cubism

A D3.js plugin for building real-time time series dashboards with Graphite, Cube, and other data sources.

#graphite#horizon-charts#cube

Stars4,933

Forks514

Last commit1 year ago

A D3-based reusable chart library for deeper integration of charts into web applications.

#chart#graph#graphics

Stars9,350

Forks1,369

Last commit9 days ago

dagre-d3

A D3-based renderer for laying out and visualizing directed graphs in the browser.

#interactive-graphs#svg-rendering#javascript-library

Stars2,960

Forks595

Last commit2 years ago

dc.js

A multi-dimensional charting library that works natively with crossfilter and renders using d3.js.

#dashboard#charting#javascript-library

Stars7,439

Forks1,774

Last commit1 year ago

d3plus

A TypeScript library that extends D3.js to create beautiful, interactive SVG visualizations with minimal configuration.

#open-source#d3-extension#interactive-visualizations

Stars1,618

Forks185

Last commit14 days ago

metrics-graphics

A lightweight JavaScript library for creating principled, consistent time-series charts like line charts, scatterplots, and histograms.

#scatterplots#lightweight#frontend

Stars7,410

Forks465

Last commit3 years ago

mpld3

An interactive data visualization tool that brings matplotlib graphics to the browser using D3.js.

#scientific-visualization#matplotlib#interactive-plots

Stars2,404

Forks366

Last commit3 months ago

nvd3

A reusable charting library built on D3.js, providing pre-built, customizable chart models.

#frontend#javascript-library#reusable-components

Stars7,232

Forks2,088

Last commit2 years ago

plotly.js

A standalone JavaScript data visualization library for creating statistical, 3D, scientific, and financial charts.

#scientific-visualization#open-source-analytics#statistical-charts

A library of modular chart components built on D3 for creating flexible, custom charts.

#chart#custom-charts#flexible

Stars3,079

Forks235

Last commit7 months ago

rickshaw

A JavaScript toolkit for creating interactive time series graphs with D3.js integration.

#graph#interactive-graphs#dashboard

Stars6,516

Forks931

Last commit1 year ago

taucharts

A data-focused JavaScript charting library built on D3, offering flexible and declarative visualization.

#declarative-charts#faceted-visualization#data-visualization

Stars1,904

Forks107

Last commit2 years ago

vega

A declarative JSON format for creating, saving, and sharing interactive data visualizations.

#visualization-toolkit#declarative-grammar#visualization-grammar

Stars11,847

Forks1,564

Last commit8 days ago

vega-lite

A higher-level grammar for visual analysis that generates complete Vega specifications for interactive graphics.

#declarative-grammar#vega-lite#visualization-grammar

JavaScript constraint-based layout library for high-quality graph visualization using D3.js.

#constraint-based#d3-js#web-graphics

Stars2,090

Forks263

Last commit3 months ago

Layer Cake

A headless visualization framework for building reusable graphics with Svelte.

#graphics#dataviz#canvas

Stars1,751

Forks41

Last commit17 days ago

nivo

A rich set of supercharged React components for building dataviz apps, built on top of d3.

#isomorphic#dataviz#server-side-rendering

Stars14,015

Forks1,073

Last commit21 days ago

ngx-charts

A declarative charting framework for Angular that uses Angular for SVG rendering and D3 for math functions.

#hacktoberfest#chart#dataviz

Stars4,352

Forks1,166

Last commit5 months ago

react-d3-components

A React library for building interactive D3 charts with React's virtual DOM control.

#chart#pie-chart#graph

Stars1,620

Forks200

Last commit4 years ago

react-d3-library

A library that converts D3 visualizations into React components, enabling developers to use existing D3 code within React's virtual DOM.

#svg#frontend#data-visualization

Stars1,540

Forks81

Last commit5 years ago

react-stockcharts

A highly customizable React library for building interactive stock charts with d3, featuring multiple chart types and technical indicators.

#financial-visualization#technical-indicators#canvas

Stars4,015

Forks968

Last commit3 years ago

react-vis

A composable React visualization library for building line charts, bar charts, heatmaps, scatterplots, and more.

#chart#visualization-components#dashboard

Stars8,785

Forks833

Last commit1 year ago

recharts

A redefined chart library built with React and D3 for creating composable, declarative charts in React applications.

#chart#data-visualisation#ui

Stars27,029

Forks1,907

Last commit2 days ago

semiotic

A React data visualization library designed for AI-assisted development, supporting network graphs, streaming data, and coordinated dashboards.

#ai-assisted-development#coordinated-views#ai

A collection of composable React components for building interactive data visualizations.

#interactive-visualizations#frontend#graphs

Stars11,243

Forks533

Last commit4 months ago

A collection of reusable low-level React visualization components that combine D3's power with React's declarative DOM updates.

#chart#vx#visualization-library

Stars20,751

Forks758

Last commit10 days ago

Maps

2 projects

datamaps

A lightweight JavaScript library for creating interactive SVG map visualizations with D3.js and TopoJSON.

#web-mapping#geospatial#choropleth

Stars3,799

Forks998

Last commit2 months ago

react-simple-maps

A React library for creating beautiful SVG maps with d3-geo and topojson using a declarative API.

#d3-geo#geospatial#svg

Stars3,294

Forks464

Last commit1 year ago

Utils

2 projects

crossfilter

A JavaScript library for fast n-dimensional filtering and grouping of large multivariate datasets in the browser.

#multivariate-analysis#interactive-dashboards#coordinate-views

Stars1,757

Forks190

Last commit2 years ago

Textures.js

A JavaScript library for creating SVG patterns, designed for data visualization with D3.js.

#patterns#graphics#textures

Stars6,078

Forks220

Last commit3 years ago

Miscellaneous

2 projects

d3-cloud

A JavaScript library for generating word cloud layouts with HTML5 canvas, inspired by Wordle.

#text-visualization#collision-detection#canvas

Stars3,937

Forks1,059

Last commit1 month ago

mermaid

A JavaScript-based diagramming tool that generates flowcharts, sequence diagrams, and more from markdown-like text definitions.

#developer-tools#flowchart#diagrams-as-code

Stars87,573

Forks8,897

Last commit2 days ago

Server side

0 projects

Related Awesome Lists

💚

Vue.js

The "Awesome Vue.js" project is a curated collection of resources aimed at supporting developers using Vue.js, a progressive JavaScript framework for building user interfaces. This list encompasses a variety of resources including libraries, tools, plugins, tutorials, and community contributions that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this list provides invaluable resources to help you create dynamic and responsive web applications. Dive into this collection to discover tools and insights that will elevate your Vue.js projects to the next level.

73.6k

⚛️

React

The "Awesome React" project is a curated resource list designed to support developers using React, a popular JavaScript library for building user interfaces. This list includes a wide range of resources such as libraries, tools, tutorials, components, and community-driven content that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this collection provides valuable insights and tools to streamline your workflow. Dive into the world of React and discover the resources that will help you create dynamic and responsive user interfaces with ease.

72.7k

📦

Android UI

The "Awesome Android UI" project is a curated resource list dedicated to enhancing user interface design for Android applications. Android UI refers to the visual elements and interactive components that make up the user experience on Android devices. This list includes a variety of resources such as UI libraries, design tools, components, animations, and tutorials that cater to both novice and experienced developers. By providing a comprehensive selection of resources, this project empowers developers to create visually appealing and user-friendly applications. Whether you're looking for inspiration or practical tools to streamline your design process, you'll find valuable assets to elevate your Android UI development.

55.8k

🌊

Tailwind CSS

The "Awesome Tailwind CSS" project is a comprehensive repository of resources dedicated to using Tailwind CSS, a utility-first CSS framework for building custom user interfaces rapidly. This curated list includes official documentation, IDE extensions, tools, UI libraries, components, and plugins, providing valuable aids for developers of all skill levels. With resources for design inspiration and development support, the project fosters a vibrant community around Tailwind CSS. Whether you’re searching for components or enhancing your workflow, this collection serves as a go-to guide for maximizing the potential of Tailwind CSS.

15.0k

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub