HTML Data Visualization

Open-source HTML projects categorized as Data Visualization

Top 23 HTML Data Visualization Projects

  • awesome-creative-coding

    Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.

  • GoJS, a JavaScript Library for HTML Diagrams

    JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.

    Project mention: Purescript bindings for GoJS | /r/purescript | 2023-06-29

    Creating the Halogen components would be simple enough if one takes inspiration from gojs-react. The issue is that there are no PureScript bindings for the GoJS types themselves, but GoJS does provide .ts.d declarations, which means I could use purescript-read-dts, but that library's maturity/usability seems somewhat ambiguous, according to an author's post from 3 years ago.

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

  • Charts.css

    Open source CSS framework for data visualization.

  • epoch

    A general purpose, real-time visualization library.

  • peity

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

  • 3d-force-graph

    3D force-directed graph component using ThreeJS/WebGL

    Project mention: [OC] A Centrality-Weighted Network Graph of all current Australian Parliamentary Committees | /r/dataisbeautiful | 2023-02-17

    I used neo4j and https://github.com/vasturiano/3d-force-graph to make the visuals. Full graph is here: https://lewington-pitsos.github.io/committees/committees.html

  • plot

    Observable Plot: a concise API for exploratory data visualization

    Project mention: Best React charting libraries for data visualizations | /r/react | 2023-05-27

    I liked observablehq plot library: https://github.com/observablehq/plot

  • InfluxDB

    Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.

  • globe.gl

    UI component for Globe Data Visualization using ThreeJS/WebGL

  • blazor-samples

    Explore and learn Syncfusion Blazor components using large collection of demos, example applications and tutorial samples

    Project mention: blazor-samples VS NOV-Examples-for-Blazor - a user suggested alternative | libhunt.com/r/blazor-samples | 2023-07-13
  • 3d-force-graph-vr

    3D force-directed graph component in VR

    Project mention: 4 Years of a Mechanical Engineering and Premed visualized. | /r/ObsidianMD | 2023-06-15

    And maybe there's a use since at a glance I can see that red suggests that there are fewer math notes than engineering notes. I don't know if graph nodes have xyz coordinates, but here's one example of a graph you can "fly into" using your keyboard's Arrow keys and mouse.

  • simple-data-analysis.js

    Easy-to-use JavaScript library for most common data analysis tasks.

  • tonic

    🍸 Digital Collections Framework (by Subgin)

    Project mention: 🍸Tonic - Automatically transform your collection into a explorable static website | /r/opensource | 2022-11-23

    Example from demo: https://github.com/Subgin/tonic/blob/master/data/collection.yaml => is automatically transformed to https://tonic-demo.netlify.app.

  • feed-visualizer

    Feed Visualizer creates interactive visualizations by clustering RSS/Atom feed items based on semantic similarity. Feed Visualizer also attempts to automatically predict the labels for each cluster. This application will create a "semantic summary" of a website's contents by scanning its RSS/Atom feed, allowing for easy discovery and navigation to topics of interest. Feed Visualizer creates interactive visualizations in the form of static HTML and JS files, which may be edited and sent to a serv

  • free-jqgrid.github.io

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

  • jube

    Jube is open-source transaction and event monitoring software. Jube implements real-time data wrangling, artificial intelligence, decision making and case management. Jube is particularly strong when implemented in IoT, advertising bidding, fraud prevention and abuse detection use cases.

    Project mention: Show HN: Open-source transaction and event monitoring software | news.ycombinator.com | 2022-11-04
  • drag-race

    Project dedicated to collecting, organizing, and analyzing information about RuPaul's Drag Race and related franchises.

    Project mention: Interesting data set needed | /r/PowerBI | 2022-12-14

    For #rpdr fans, check out u/tanya_shapiro's RuPaul dataset at https://github.com/tashapiro/drag-race

  • ut-grade-distribution-viewer

    Using up-to-date grade distribution statistics, this site aims to improve the course registration experience at UT Austin. Now you can know how easy C S 439 really is!

    Project mention: For Freshman Orientation, here are tools to help with Registration! | /r/UTAustin | 2023-06-05

    Grade Distribution Viewer

  • word-cloud-generator

    D3 Word Cloud Generator

    Project mention: My Hacktoberfest Recap | dev.to | 2022-10-31

    My fourth PR was on word-cloud-generator, which allows users to generate word clouds using various settings. My PR added capitalisation settings to the settings panel, allowing for users to specify the capitalisation of the words in the word cloud.

  • freecodecamp-open_source

    Hope we can use this to learn how to effectively contribute to open source with all its facets using this free resource . Its important we support this project as I will partly donate to the main freeCodeCamp 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/

  • CoVid-19

    Magyar vírus adatok (by mollac)

  • netzero

    Data visualization of each country's efforts toward net zero emission using Python

  • mappyboi

    Let's see if we can build a heatmap?

  • Mergify

    Tired of breaking your main and manually rebasing outdated pull requests?. Managing outdated pull requests is time-consuming. Mergify's Merge Queue automates your pull request management & merging. It's fully integrated to GitHub & coordinated with any CI. Start focusing on code. Try Mergify for free.

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 2023-07-13.

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 11,447
2 GoJS, a JavaScript Library for HTML Diagrams 7,100
3 Charts.css 5,876
4 epoch 4,995
5 peity 4,221
6 3d-force-graph 3,813
7 plot 3,328
8 globe.gl 1,591
9 blazor-samples 257
10 3d-force-graph-vr 190
11 simple-data-analysis.js 122
12 tonic 67
13 feed-visualizer 22
14 free-jqgrid.github.io 21
15 jube 20
16 drag-race 14
17 ut-grade-distribution-viewer 10
18 word-cloud-generator 4
19 freecodecamp-open_source 3
20 CoVid-19 3
21 netzero 3
22 mappyboi 3
23 news-y-data.github.io 1
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.
www.sonarqube.org