Data Visualization

Open-source projects categorized as Data Visualization | Edit details

Top 23 Data Visualization Open-Source Projects

  • d3

    Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

    Project mention: I would like some advices on how to create a simple GUI for a data visualizer. | | 2022-05-23
  • three.js

    JavaScript 3D Library.

    Project mention: How do I create a ambient 3D animated scene? | | 2022-05-23

    learning threejs, which is an amazing library. But you need to have some fair amount of coding experience in order to use it well.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • Chart.js

    Simple HTML5 Charts using the <canvas> tag

    Project mention: I created a handy website to visualize your Bitcoin holdings value over time | | 2022-05-20

    I tried to implement it, but sadly ChartJS doesn't support it, maybe I'll try to use another JavaScript library that allows it. Cheers, mate.

  • echarts

    Apache ECharts is a powerful, interactive charting and data visualization library for browser

    Project mention: Pulling and visualizing data from a database client side | | 2022-05-20

    ECharts -- open source js lib for enterprise-grade charts

  • Grafana

    The open and composable observability and data visualization platform. Visualize metrics, logs, and traces from multiple sources like Prometheus, Loki, Elasticsearch, InfluxDB, Postgres and many more.

    Project mention: Java Quarkus CQRS and EventSourcing microservice example 👋💫✨ | | 2022-05-23

    Grafana - Grafana

  • superset

    Apache Superset is a Data Visualization and Data Exploration Platform

    Project mention: Visualization using Pyspark Dataframe | | 2022-05-14

    Exactly! Use spark only prepare data for dashboards. Then you can use any visualisation tool like which is free.

  • PixiJS

    The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.

    Project mention: Best laptop for creative coding? | | 2022-05-07

    As for performance, there's a lot more to it than the hardware being used. p5.js isn't the most performant creative coding framework since it's more optimized for ease of use than performance (a good choice on the part of the creators imo). p5.s has an official guide on how to optimize performance. As for browsers it mentions that Chrome actually outperforms Firefox. Personally, I use Safari as my daily use browser but for web development, I still use Chrome because I'm used to its dev tools. Depending on what kind of creative coding you do on the web PixiJS could yield much higher performance. It's also possible (but difficult) for certain things to use shaders.

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • Metabase

    The simplest, fastest way to get business intelligence and analytics to everyone in your company :yum:

    Project mention: Ask HN: Who is hiring? (April 2022) | | 2022-04-01

    Metabase | | REMOTE | Full-time | Backend, Frontend, Full Stack, and DevOps engineers

    We're hiring for multiple positions across the Engineering team (and in many other non-engineering roles).

    Metabase is open source analytics software that makes it easy to ask questions of your data. It interfaces with a number of databases / data warehouses (BigQuery, Redshift, Snowflake, Postgres, MySQL, etc) and has a simple and powerful UI and UX that sits on top of it.

    Tech stack: Clojure, Javascript, React, Redux, AWS (ECS, Autoscaling, Aurora, RDS, SecretsManager, S3)

    Roles: Data Analyst, DevOps, Frontend and Backend Engineers, Growth, and many more roles.


  • fabric.js

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

    Project mention: How To Use Drag And Drop On HTML5 Canvas Element Using FabricJS | | 2022-05-02

    Reference link:

  • streamlit

    Streamlit — The fastest way to build data apps in Python

    Project mention: Wordle Pulse (Data Engineering project for capturing and parsing Wordle results from Twitter Stream) | | 2022-05-24

    Dashboard: Streamlit

  • awesome-datascience

    :memo: An awesome Data Science repository to learn and apply for real world problems.

    Project mention: High income skills? | | 2021-12-22

    There are several on github, such as:

  • diagrams

    :art: Diagram as Code for prototyping cloud system architectures

    Project mention: Diagram / Smart art as code | | 2022-05-23

    There’s also this that looks interesting, a Python DSL around Graphviz

  • recharts

    Redefined chart library built with React and D3

    Project mention: Recharts wordwrap x-axis label | | 2022-05-14

    I want to word-wrap long labels like in this demo.Supposedly this PR supports it, but I couldn't get it to work with

  • 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. —

    Project mention: Generative code = art | | 2022-05-23

    You'll probably want/need to implement Conway's Life in a different language than Logo. If it were me I might start with Javascript, particularly using p5.js ( Conway's Life is great because I think cellular automata (Life is the canonical example of these) are a powerful way to get a handle on emergent behavior -- the complexity that happens when you do something simple over and over again. Not all generative art has this behavior, but lots does, and I think it's one of the things that is qualitatively different between using computers to make art vs. other tools. You may or may not use cellular automata in your art, but I think getting a kind of tactile *feel* for it can serve you really well and, as a bonus, it's really fun and often pleasantly surprising.

  • BabylonJS

    Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.

    Project mention: Game dev engine like unreal engine or unity but with javascript? | | 2022-05-06

    You can use Babylon.js or GDevelop

  • dash

    Analytical Web Apps for Python, R, Julia, and Jupyter. No JavaScript Required.

    Project mention: Can anyone explain me callback in dash | | 2022-05-10

    This is an older example, i found on github here

  • bokeh

    Interactive Data Visualization in the browser, from Python

    Project mention: why doesn't bokeh boxplot appear? | | 2022-04-23
  • matplotlib

    matplotlib: plotting with Python

    Project mention: How to get a matplotlib Axes instance to plot to? | | 2022-04-10

    I need to make a candlestick chart (something like this) using some stock data. For this I want to use the function To this function I need to supply quotes and "an Axes instance to plot to". I created some sample quotes as follows:

  • visx

    🐯 visx | visualization components

    Project mention: I don't miss React: a story about using the platform | | 2022-05-03

    I also went this route and used d3 for the math but my own hand-made SVGs for the rendering so that the DOM is all in "react land".

    You may want to check out this library: They converted a ton of d3 features into proper React components

  • plotly.js

    Open-source JavaScript charting library behind Plotly and Dash

    Project mention: Which library is best for visualizing backend data generated by Django? | | 2022-05-12

    If you are using restframework, then a js framework that can do chart generation is needed, while your backend just transfer data over json format. You can still use Plotly javascript to do the chart.

  • Frappe Charts

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

  • Snap.svg

    The JavaScript library for modern SVG graphics.

    Project mention: Create SVG from Javascript | | 2021-12-13


  • 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: Writing HTML sucks and No-code doesn't help | | 2022-05-09

    > <p>Oh yeah, you reminded me of the template fatigue that was paper.js and it trying to reinvent scripting on the client side with <script type="text/paperscript"> templates that could use templates that could use templates... and so on. [0] I was wondering why people would go to such great lengths just to avoid having to script in the browser.<p>The way I saw it at the time was that I've rediscovered the same mistakes that PHP did back in the days. All the recurs(iv)ed templating problems, all the OOP fatigue that never worked out (magento and zend, anyone?), and all the inheritance based "reinventions" of existing web technologies like OOCSS [1].<p>I mean, at some point every engineer should be wise enough to give up on trying to predict the future. Especially in projects they cannot predict what features are going to be implemented, so I'd naturally assume that modularity and compositional or entity/component aspects will win in later revisions or refactor decisions. But I was wrong with that assumption, I guess :S<p>I also can kinda understand the general bias towards closure among functional folks. I guess that lots of people at the time (or nowadays) had high hopes for it allowing to go more "functional" in its approach, allowing compositional patterns to be useful on the web. But, honestly, JS itself is so flexible and can be used in all kinds of architectural patterns that I think closure's purpose is kind of void by its own concept.<p>When comparing closure with, say, typescript (which I also don't agree with, because "string" and "String" and "any" are pointless from any language design perspective): Typescript at least has the benefit of typed API docs and good IDE integrations (due to LSP) that can be used in large teams to reduce the overhead of getting started with working on foreignly-owned code - whereas closure doesn't have any unique selling point in my opinion. I mean, even scala.js has a unique selling point when being judged like that.<p>[0] <a href="" rel="nofollow"></a><p>[1] <a href="" rel="nofollow"></a>

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-05-24.

Data Visualization related posts


What are some of the best open-source Data Visualization projects? This list will help you:

Project Stars
1 d3 101,337
2 three.js 82,015
3 Chart.js 56,934
4 echarts 51,066
5 Grafana 48,994
6 superset 46,241
7 PixiJS 36,424
8 Metabase 28,410
9 fabric.js 21,789
10 streamlit 19,024
11 awesome-datascience 18,735
12 diagrams 18,382
13 recharts 18,249
14 p5.js 17,507
15 BabylonJS 17,364
16 dash 16,505
17 bokeh 16,289
18 matplotlib 15,499
19 visx 15,216
20 plotly.js 14,679
21 Frappe Charts 14,341
22 Snap.svg 13,472
23 paper.js 13,151
Find remote jobs at our new job board There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Static code analysis for 29 languages.
Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.