Top 23 JavaScript Visualization Projects

• d3

  126 100,001 6.7 JavaScript

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

  

  Project mention: Braindead question about how to use a DefinitelyTyped library installed via npm in a web browser | reddit.com/r/typescript | 2022-01-16

  The library I'm using is D3.js (website, npm, DefinitelyTyped github, DefinitelyTyped.org). I'm using Visual Studio Code as my TypeScript editor / IDE.

• plotly.js

  17 14,341 9.9 JavaScript

  Open-source JavaScript charting library behind Plotly and Dash

  

  Project mention: My hydrogen line data over the past few days. I’m working on a map of our galaxy. Only 3 tilts so far but I’m working on getting a motor and making some tilt controllers. (More info in comments) | reddit.com/r/RTLSDR | 2022-01-14

  Ahh. I used a JavaScript library called Plotly

• OPS

  github.com/nanovms

  sponsored

  OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  

• apexcharts.js

  8 11,082 9.2 JavaScript

  📊 Interactive JavaScript Charts built on SVG

  

  Project mention: Is Chart.js the best chart/visualization lib? Any alternatives? | reddit.com/r/webdev | 2021-12-10

  Apex

• vega

  6 9,603 8.1 JavaScript

  A visualization grammar.

  

  Project mention: Deneb: Declarative Visualization in Power BI | reddit.com/r/PowerBI | 2021-11-24

  As such, I've been obsessed with the Vega and Vega-Lite languages for a long time. These use JSON rather than full-blown code, and allow you to build a visual from the ground-up using a grammar of graphics, much like ggplot2 in R or Altair in Python (which is actually an implementation of Vega/Vega-Lite).

• kepler.gl

  19 8,281 8.3 JavaScript

  Kepler.gl is a powerful open source geospatial analysis tool for large-scale data sets.

  

  Project mention: Has anyone used kepler.gl to make better looking maps than GIS? | reddit.com/r/LandscapeArchitecture | 2021-12-02

• react-vis

  12 8,114 0.0 JavaScript

  Data Visualization Components

  

  Project mention: Github repositories from large enterprises for every javascript developer | dev.to | 2022-01-04

  The repository can be found here and is definitely worth taking a look.

• dc.js

  0 7,289 5.4 JavaScript

  Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js

  

• Scout APM

  scoutapm.com

  sponsored

  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.

  

• roughViz

  3 6,170 2.2 JavaScript

  Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.

  Project mention: RoughViz: JavaScript library for creating sketchy/hand-drawn styled charts | news.ycombinator.com | 2021-12-14

• heatmap.js

  2 5,695 0.0 JavaScript

  🔥 JavaScript Library for HTML5 canvas based heatmaps

  Project mention: [OC] Map of Housing Prices in Bilbao, Spain - Data extract from Spanish real estate website | reddit.com/r/dataisbeautiful | 2021-06-07

  Source: https://www.fotocasa.es/es/comprar/viviendas/bilbao/todas-las-zonas/l (Spanish real estate website) For creating the visualization we used https://www.openstreetmap.org, https://leafletjs.com and https://www.patrick-wied.at/static/heatmapjs We also published this demo and a Google Maps version in https://github.com/ZenRows/house-pricing-map. You can find there the original dataset with almost 3000 houses on sale.

• falcon

  1 4,867 0.0 JavaScript

  Free, open-source SQL client for Windows and Mac 🦅 (by plotly)

  

  Project mention: best free sql query assistance tool | reddit.com/r/SQL | 2021-08-30

  Or maybe Falcon as a desktop tool.

• Under-the-hood-ReactJS

  1 4,823 0.8 JavaScript

  Entire React code base explanation by visual block schemes (Stack version)

  Project mention: Awesome React Resources | dev.to | 2021-12-04

  Entire React code base explanation by visual block schemes

• React Konva

  3 4,354 4.3 JavaScript

  React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.

  

  Project mention: Redux as a global store | reddit.com/r/reduxjs | 2021-10-11

  This is a known issue for Konva: https://github.com/konvajs/react-konva/issues/188

• VivaGraphJS

  1 3,447 1.9 JavaScript

  Graph drawing library for JavaScript

  Project mention: Graph View | reddit.com/r/Anki | 2021-11-16

  VivaGraph.js (https://github.com/anvaka/VivaGraphJS)

• aws-lambda-power-tuning

  11 3,094 8.0 JavaScript

  AWS Lambda Power Tuning is an open-source tool that can help you visualize and fine-tune the memory/power configuration of Lambda functions. It runs in your own AWS account - powered by AWS Step Functions - and it supports three optimization strategies: cost, speed, and balanced.

  Project mention: AWS Step Function vs. AWS Lambda - Part 2 | dev.to | 2021-11-25

  But the question is: how much memory does my Lambda function need? The range is quite large from 128 MB to 10.240 MB. There is an awesome open source tool called "Lambda Power Tuner" that helps you to determine your memory settings based on different strategies like speed, cost or balanced.

• React-Sight

  2 2,733 0.0 JavaScript

  Visualization tool for React, with support for Fiber, Router (v4), and Redux

  

  Project mention: 10 Must-Have React Developer Tools to Write Clean Code💻🔥 | dev.to | 2021-12-02

  9. React Sight

• react-simple-maps

  2 2,375 0.0 JavaScript

  Beautiful React SVG maps with d3-geo and topojson using a declarative api.

  

  Project mention: I built a full stack website where you guess the country based on its music! | reddit.com/r/webdev | 2021-11-06

  Glad you enjoyed! The globe is built using d3 and topojson, and the map layout is built using the react-simple-maps library (which is itself built on d3).

• echarts-gl

  2 2,238 4.9 JavaScript

  Extension pack for Apache ECharts, providing globe visualization and 3D plots.

  

  Project mention: echarts-gl: Extension pack for Apache ECharts, providing globe visualization and 3D plots. | reddit.com/r/CKsTechNews | 2021-11-10

• semiotic

  2 2,236 8.8 JavaScript

  A data visualization framework combining React & D3

  

  Project mention: React Chart - Display data in charts | dev.to | 2021-12-08

  semiotic - Semiotic is a data visualization framework for React.

• WebPlotDigitizer

  9 1,635 6.7 JavaScript

  HTML5 based online tool to extract numerical data from plot images.

  Project mention: Any software to read the 0, x-intercept, and y-intercept from x-y plot in JPEG, and interpolate the value? | reddit.com/r/software | 2021-12-23

  Maybe you're thinking of Web Plot Digitizer?

• quiver

  0 1,618 0.0 JavaScript

  Interactive convnet features visualization for Keras (by keplr-io)

  

• trading-vue-js

  2 1,462 2.3 JavaScript

  💹 Hackable charting lib for traders. You can draw literally ANYTHING on top of candlestick charts. [Not Maintained]

  

  Project mention: What's the best free open source react interactive stock charting library? | reddit.com/r/react | 2021-03-23

  I'm searching for if there's a powerful react charting library like this one in Vue. https://github.com/tvjsx/trading-vue-js to allow users to have a good charting experience like Tradingview.com

• sqliteviz

  5 1,337 8.9 JavaScript

  Instant offline SQL-powered data visualisation in your browser

  Project mention: A fast SQLite PWA notebook for CSV files | news.ycombinator.com | 2021-12-30

• ipyleaflet

  1 1,209 7.6 JavaScript

  A Jupyter - Leaflet.js bridge

  

  Project mention: Best extensions for JupyterLab!! | dev.to | 2021-12-22

JavaScript Visualization related posts

• Website/program that shows visuals in sync with music?
  2 projects | reddit.com/r/Techno | 17 Jan 2022
• Braindead question about how to use a DefinitelyTyped library installed via npm in a web browser
  3 projects | reddit.com/r/typescript | 16 Jan 2022
• Insurance Coverage Chart
  1 project | reddit.com/r/learnpython | 13 Jan 2022
• Any old fogies out there still use MilkDrop? Winamp is the way.
  1 project | reddit.com/r/LSD | 10 Jan 2022
• [OC] A rolling 7 day count of podcast topics that we found on over 13M episodes of 200k active unique podcasts throughout 2021. Podcast topics are extracted from all available meta data including the title, description, keywords, person tags, etc provided in the RSS feeds for the podcasts.
  1 project | reddit.com/r/dataisbeautiful | 6 Jan 2022
• Github repositories from large enterprises for every javascript developer
  4 projects | dev.to | 4 Jan 2022
• Is it reasonable to build beautiful-responsive-complex frontends in Haskell web frameworks with minimal html css javascript knowledge?
  2 projects | reddit.com/r/haskell | 4 Jan 2022

Index

Sponsored

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

Get the trending JavaScript projects
with our weekly report!
» Subscribe «