Top 23 Data Visualization Open-Source Projects
-
Project mention: I would like some advices on how to create a simple GUI for a data visualizer. | reddit.com/r/webdev | 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!
-
Project mention: I created a handy website to visualize your Bitcoin holdings value over time | reddit.com/r/Bitcoin | 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 | reddit.com/r/csharp | 2022-05-20ECharts -- 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.
Grafana - Grafana
-
Exactly! Use spark only prepare data for dashboards. Then you can use any visualisation tool like https://superset.apache.org/ which is free.
-
PixiJS
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
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:
Metabase | https://metabase.com | 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.
-
Project mention: How To Use Drag And Drop On HTML5 Canvas Element Using FabricJS | reddit.com/r/u_Johngold12 | 2022-05-02
Reference link: http://fabricjs.com/
-
Project mention: Wordle Pulse (Data Engineering project for capturing and parsing Wordle results from Twitter Stream) | reddit.com/r/dataengineering | 2022-05-24
Dashboard: Streamlit
-
awesome-datascience
:memo: An awesome Data Science repository to learn and apply for real world problems.
There are several on github, such as: https://github.com/academic/awesome-datascience
-
There’s also this that looks interesting, a Python DSL around Graphviz https://diagrams.mingrammer.com/
-
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. http://twitter.com/p5xjs —
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 (https://p5js.org/) 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? | reddit.com/r/gamedev | 2022-05-06You can use Babylon.js or GDevelop
-
This is an older example, i found on github here
-
-
Project mention: How to get a matplotlib Axes instance to plot to? | reddit.com/r/codehunter | 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 matplotlib.finance.candlestick(). To this function I need to supply quotes and "an Axes instance to plot to". I created some sample quotes as follows:
-
Project mention: I don't miss React: a story about using the platform | news.ycombinator.com | 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: https://airbnb.io/visx/ They converted a ton of d3 features into proper React components
-
Project mention: Which library is best for visualizing backend data generated by Django? | reddit.com/r/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.
-
-
SNAP SVG
-
paper.js
The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @lehni & @puckey
> <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="https://github.com/paperjs/paper.js" rel="nofollow">https://github.com/paperjs/paper.js</a><p>[1] <a href="http://oocss.org/" rel="nofollow">http://oocss.org/</a>
Data Visualization related posts
- Anyone attempted to make Nim serve R's role? How is it currently?
- Wordle Pulse (Data Engineering project for capturing and parsing Wordle results from Twitter Stream)
- Timeline like this in FMP 19; possible?
- (Capitalists) We should just give up
- How do I create a ambient 3D animated scene?
- I know this sub gets requests like this alot, but I can't seem to find a defacto package for managing 3D scroll effects. Thoughts on best tools / packages to power experiences like this?
- I would like some advices on how to create a simple GUI for a data visualizer.
Index
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 |
Are you hiring? Post a new remote job listing for free.
