JavaScript D3

Open-source JavaScript projects categorized as D3

Top 23 JavaScript D3 Projects

  • three.js

    JavaScript 3D Library.

    Project mention: 3d models in html? | reddit.com/r/learnjavascript | 2022-11-24

    A well established library you could both try is three.js, a quick google search seems to show a bunch of tutorials for using three.js with blender too

  • Chart.js

    Simple HTML5 Charts using the <canvas> tag

    Project mention: is there a library in php that allows me to collate users data and then display this in graphs and bar charts? | reddit.com/r/PHPhelp | 2022-11-20
  • Zigi

    Workflow assistant built for devs & their teams. Automate the mundane part of your day, with live actionable messages for your GitHub & Jira tasks.

  • fabric.js

    Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser

    Project mention: Image Manipulation with Fabric.js and Canvas | dev.to | 2022-11-29

    body{ display:flex; flex-direction:column; align-items:center; }

    Learning Fabric

  • p5.js

    p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —

    Project mention: is there a hardware requirement needed to learn programming? | reddit.com/r/AskProgramming | 2022-11-24

    There are also remote-hosted or browser-based programming environments like https://replit.com/, https://codepen.io/, or https://p5js.org/ which will let you build your own projects, again using anything which can run a web browser.

  • plotly.js

    Open-source JavaScript charting library behind Plotly and Dash

    Project mention: PowerBI: please tell me there's something better for enterprise use cases | reddit.com/r/dataengineering | 2022-10-28

    Sure, packages like https://plotly.com/javascript/, https://d3js.org/, https://www.chartjs.org/ will let web developers directly make graphs and stuff in web pages, so the backend of a website will send the data and then it will be rendered in the front end in a nice looking graph. With no need for a traditional BI tool. Here's a post with an example https://towardsdatascience.com/flask-and-chart-js-tutorial-i-d33e05fba845 ,

  • Frappe Charts

    Simple, responsive, modern SVG Charts with zero dependencies (by frappe)

  • paper.js

    The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @lehni & @puckey

    Project mention: which technology or framework is used to create geometry-draggable canvas like this? | reddit.com/r/Frontend | 2022-10-23

    Paper.js - example (not interactive, just code)

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.

  • raphael

    JavaScript Vector Library

  • vega

    A visualization grammar.

    Project mention: Launched my ADHD productivity app on product hunt - would love your support | reddit.com/r/ADHD_Programmers | 2022-11-12

    Eh, I have no reason to, and not much interest in PHP anymore. Things like Vega seem really cool.

  • victory

    A collection of composable React components for building interactive data visualizations

    Project mention: [AskJS] Plotting in js: I don't want to get my hands dirty with d3 - what is the next best alternative | reddit.com/r/javascript | 2022-09-10

    I've enjoyed using Victory - needs React tho: https://formidable.com/open-source/victory/

  • trianglify

    Algorithmically generated triangle art

    Project mention: Trianglify.io – Low Poly Pattern Generator | news.ycombinator.com | 2022-09-18

    Author here - interesting to see this pop up on HN again!

    Since there are a lot of questions in the comments that might be answered by prior writing/discussions, here are a couple relevant links:

    0. Trianglify.io is a GUI for my GPL-licensed node library of the same name, which is available for use in OSS projects for free: https://qrohlf.com/trianglify/

    1. Trianglify (the library) first became popular because of an HN post eight years ago. Discussion here: https://news.ycombinator.com/item?id=7578002

    2. I've written a short Medium article on why Trianglify.io exists and how I arrived at the current freemium/micropayments model for monetizing it: https://medium.com/@qrohlf/i-sell-triangles-on-the-internet-...

  • svg.js

    The lightweight library for manipulating and animating SVG

    Project mention: [AskJS] Is there any javascript library that can perform boolean operations on svg paths (union, subtract, intersect, difference)? | reddit.com/r/javascript | 2022-07-28

    Thanks for the link to this great and useful library. It's really awesome, and I didn't know there was a node.js version. But it seems that it doesn't support boolean operations, or at least I haven't found it in the documentation. There is only the following github issue with no answer: https://github.com/svgdotjs/svg.js/issues/339 And a request for an intersection function that doesn't seem to be implemented: https://github.com/svgdotjs/svg.js/issues/1200 Maybe I'm missing something?

  • c3

    :bar_chart: A D3-based reusable chart library

    Project mention: Is c3 js deprecated? and general thoughts of c3? | reddit.com/r/d3js | 2022-11-22

    Looking here: https://github.com/c3js/c3/issues/2831

  • two.js

    A renderer agnostic two-dimensional drawing api for the web.

    Project mention: Trying to build a front end interactive browser or app experience where touch to screen simulates a visual heat map. | reddit.com/r/webdev | 2022-11-25

    Javascript touch events paired with WebGL would be the route I’d go. There are some really great libraries for WebGL (twojs) or working with SVG (mojs) if you want to keep it simple

  • dc.js

    Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js

    Project mention: 25 the Best Javascript Data Visualization Libraries in 2022 | dev.to | 2022-03-09
  • nvd3

    A reusable charting library written in d3.js

  • rickshaw

    JavaScript toolkit for creating interactive real-time graphs

  • flot

    Attractive JavaScript charts for jQuery

    Project mention: Attractive JavaScript Charts for jQuery | news.ycombinator.com | 2022-11-22
  • heatmap.js

    🔥 JavaScript Library for HTML5 canvas based heatmaps

  • cubism

    Cubism.js: A JavaScript library for time series visualization.

  • d3-cloud

    Create word clouds in JavaScript.

    Project mention: Daily Megathread - 14/10/2022 - M=2 - The Hunt for Black October | reddit.com/r/ukpolitics | 2022-10-14

    Linky https://www.jasondavies.com/wordcloud/

  • mozaik

    Mozaïk is a tool based on nodejs / react / redux / nivo / d3 to easily craft beautiful dashboards

  • Frappe Gantt

    Open Source Javascript Gantt

    Project mention: 11 Open Source projects for you to contribute👨‍💻 | dev.to | 2022-08-05

    Frappe

  • Scout APM

    Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-11-29.

JavaScript D3 related posts

Index

What are some of the best open-source D3 projects in JavaScript? This list will help you:

Project Stars
1 three.js 87,034
2 Chart.js 58,808
3 fabric.js 23,317
4 p5.js 18,445
5 plotly.js 15,175
6 Frappe Charts 14,568
7 paper.js 13,430
8 raphael 11,116
9 vega 10,089
10 victory 10,038
11 trianglify 10,003
12 svg.js 9,973
13 c3 9,229
14 two.js 7,873
15 dc.js 7,367
16 nvd3 7,181
17 rickshaw 6,533
18 flot 5,951
19 heatmap.js 5,869
20 cubism 4,920
21 d3-cloud 3,617
22 mozaik 3,579
23 Frappe Gantt 3,409
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com