JavaScript Visualization

Open-source JavaScript projects categorized as Visualization | Edit details

Top 23 JavaScript Visualization Projects

  • GitHub repo d3

    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.

  • GitHub repo plotly.js

    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

    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.

  • GitHub repo apexcharts.js

    📊 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

  • GitHub repo vega

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

  • GitHub repo kepler.gl

    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
  • GitHub repo react-vis

    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.

  • GitHub repo dc.js

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

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

  • GitHub repo roughViz

    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
  • GitHub repo heatmap.js

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

  • GitHub repo falcon

    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.

  • GitHub repo Under-the-hood-ReactJS

    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

  • GitHub repo React Konva

    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

  • GitHub repo VivaGraphJS

    Graph drawing library for JavaScript

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

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

  • GitHub repo aws-lambda-power-tuning

    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.

  • GitHub repo React-Sight

    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

  • GitHub repo react-simple-maps

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

  • GitHub repo echarts-gl

    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
  • GitHub repo semiotic

    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.

  • GitHub repo WebPlotDigitizer

    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?

  • GitHub repo quiver

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

  • GitHub repo trading-vue-js

    💹 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

  • GitHub repo sqliteviz

    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
  • GitHub repo ipyleaflet

    A Jupyter - Leaflet.js bridge

    Project mention: Best extensions for JupyterLab!! | dev.to | 2021-12-22
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-01-16.

JavaScript Visualization related posts

Index

What are some of the best open-source Visualization projects in JavaScript? This list will help you:

Project Stars
1 d3 100,001
2 plotly.js 14,341
3 apexcharts.js 11,082
4 vega 9,603
5 kepler.gl 8,281
6 react-vis 8,114
7 dc.js 7,289
8 roughViz 6,170
9 heatmap.js 5,695
10 falcon 4,867
11 Under-the-hood-ReactJS 4,823
12 React Konva 4,354
13 VivaGraphJS 3,447
14 aws-lambda-power-tuning 3,094
15 React-Sight 2,733
16 react-simple-maps 2,375
17 echarts-gl 2,238
18 semiotic 2,236
19 WebPlotDigitizer 1,635
20 quiver 1,618
21 trading-vue-js 1,462
22 sqliteviz 1,337
23 ipyleaflet 1,209
Find remote jobs at our new job board 99remotejobs.com. There are 28 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
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