Top 15 HTML Data Visualization Projects
-
awesome-creative-coding
Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.
Project mention: Are there any resources to learn generative art? | reddit.com/r/creativecoding | 2022-05-03Awesome Creative Coding
-
GoJS, a JavaScript Library for HTML Diagrams
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
Project mention: Ask HN: How to quickly animate sketches and 2D diagrams? | news.ycombinator.com | 2022-03-10GoJS might work for you: https://gojs.net
Although the focus of the library is interactivity and not setting up sequences of animation, but that is possible too.
-
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: [Help] What is a good visualiser for a 3D graph with known positions, with node and edge weights? | reddit.com/r/visualization | 2021-10-12
thanks, it doesn't look like the right kind of visualisation, i'm looking for something to render lots of nodes (10-100s of thousands), so probably something along the lines of this would be better: https://github.com/vasturiano/3d-force-graph , except that 3d force graph determines the positions in space by fitting, rather than specifying positions. (having looked at it again, it may be possible to modify it to fix positions however..)
-
I use observable plot inside my web development.
-
SonarLint
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.
-
Project mention: A Live Look at Black Friday/Cyber Monday Sales on Shopify | news.ycombinator.com | 2021-11-26
-
blazor-samples
Explore and learn Syncfusion Blazor components using large collection of demos, example applications and tutorial samples
Also, you can download the entire project setup for the Blazor Gantt Chart on GitHub.
-
-
freecodecamp-open_source
This is freecodecamp's curriculum solution to problems. I want to share my solutions to projects and challenges in the course. Hope we can contribute and collaborate on this project. If you want to contribute to the main project go to: https://contribute.freecodecamp.org/#/ and if you want to learn to code for free using freecodecamp's curriculum go to: https://www.freecodecamp.org/
-
-
-
Project mention: News Y Data: An open collaboration data-and-news sharing online project | Looking for contributors | reddit.com/r/github | 2022-04-11
Website code
-
temperature-increase
A web app displaying Global temperature rises since 1961 based on the dataset made public by FAOSTAT
Project mention: [OC] How warmer has your country been getting since 1961? | reddit.com/r/dataisbeautiful | 2021-11-03Just a little project I put together in solidarity with COP 26. Code public here. The data is made public by FAOSTAT and shows the temperature difference from a baseline, corresponding to the period 1951–1980. The tabs on the sidebar of the app include an information on the data and the dashboards. I've also included some sources and articles I find relevant
HTML Data Visualization related posts
- How are you guys testing your data?
- A Live Look at Black Friday/Cyber Monday Sales on Shopify
- Ask HN: What cool stuff do you run free-tier?
- Problem with some gojs gantt model
- Megathread (52): Coronavirus COVID-19 in Nederland
- Across all of Germany, 7.50% of inhabitants are fully vaccinated against COVID-19. 18.42% are partially vaccinated but still need a second shot. 25.87% received at least one vaccination. +1,088,952 doses administered yesterday!
- As of today, 20.20% of inhabitants of Germany received their first COVID-19 vaccination dose
Index
What are some of the best open-source Data Visualization projects in HTML? This list will help you:
Project | Stars | |
---|---|---|
1 | awesome-creative-coding | 9,428 |
2 | GoJS, a JavaScript Library for HTML Diagrams | 6,144 |
3 | epoch | 5,011 |
4 | Charts.css | 4,851 |
5 | peity | 4,212 |
6 | 3d-force-graph | 2,653 |
7 | plot | 1,848 |
8 | globe.gl | 994 |
9 | blazor-samples | 197 |
10 | free-jqgrid.github.io | 20 |
11 | freecodecamp-open_source | 2 |
12 | mappyboi | 2 |
13 | CoVid-19 | 2 |
14 | news-y-data.github.io | 1 |
15 | temperature-increase | 0 |
Are you hiring? Post a new remote job listing for free.