HTML Data Visualization

Open-source HTML projects categorized as Data Visualization | Edit details

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-03

    Awesome 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-10

    GoJS 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!

  • epoch

    A general purpose, real-time visualization library.

  • Charts.css

    Open source CSS framework for data visualization.

  • peity

    Progressive <svg> pie, donut, bar and line charts

  • 3d-force-graph

    3D force-directed graph component using ThreeJS/WebGL

    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..)

  • plot

    A concise API for exploratory data visualization (by observablehq)

    Project mention: function inside array? | reddit.com/r/learnjavascript | 2022-01-23

    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.

  • globe.gl

    UI component for Globe Data Visualization using ThreeJS/WebGL

    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

    Project mention: Schedule Your Tasks Like A Pro in Blazor Applications | dev.to | 2021-09-15

    Also, you can download the entire project setup for the Blazor Gantt Chart on GitHub.

  • free-jqgrid.github.io

    https://free-jqgrid.github.io is the documentation of free jqGrid

  • 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: Contribute to repository | reddit.com/r/FreeCodeCamp | 2021-11-04
  • mappyboi

    Let's see if we can build a heatmap?

  • CoVid-19

    Magyar vírus adatok (by mollac)

  • 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-03

    Just 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

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-03.

HTML Data Visualization related posts

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
Find remote jobs at our new job board 99remotejobs.com. There are 9 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
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.
scoutapm.com