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: Anyone have a GitHub for this type of component hierarchy with coupled animations? | reddit.com/r/reactjs | 2021-10-17

    Not sure, but maybe https://d3js.org/ would have something similar?

  • GitHub repo plotly.js

    Open-source JavaScript charting library behind Plotly and Dash

    Project mention: Using Plotly in React to build dynamic charts and graphs | dev.to | 2021-10-08

    This article taught you how to build charts, graphs, and dynamic plots with Plotly. You can learn more about Plotly in their official documentation here. If you have any questions, don't hesitate to contact me on Twitter at @LordChuks3.

  • Syncfusion

    Syncfusion - See why our products are consistently getting 4.6 out of 5 stars by your peers.. Syncfusion Essential Studio for JavaScript is a modern UI control library built from the ground up to be lightweight, responsive, modular, and touch-friendly.

  • GitHub repo apexcharts.js

    📊 Interactive JavaScript Charts built on SVG

    Project mention: Looking for recommendations on libraries/frameworks to visualize data | reddit.com/r/webdev | 2021-07-20

    ApexCharts: works like a charm for ~100 datapoints, but not usable at 10,000 or more, since it is SVG-based and floods the DOM with elements.

  • GitHub repo vega

    A visualization grammar.

    Project mention: What Next? | reddit.com/r/PowerBI | 2021-09-27

    D3.js and Vega are extremely useful to know from a visualisation perspective.

  • GitHub repo kepler.gl

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

    Project mention: Building a crime map | reddit.com/r/visualization | 2021-10-20

    I really enjoy using kepler.gl. It was developed by Uber, and best of all is open source.

  • GitHub repo react-vis

    Data Visualization Components

    Project mention: ✨Top React Charts Libraries [2021] | dev.to | 2021-09-27

    react-vis

  • GitHub repo dc.js

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

  • Scout APM

    Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • 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 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 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: I'm planning a Lambda use case, got $100k/mo estimate; I may misunderstand Lambda | reddit.com/r/aws | 2021-08-24
  • GitHub repo dtale

    Visualizer for pandas data structures

    Project mention: Show HN: Open-source pandas dataframe visualizer | news.ycombinator.com | 2021-08-05
  • GitHub repo React-Sight

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

    Project mention: Resources for Visualization React Trees in Planning Stage | reddit.com/r/reactjs | 2021-10-03

    I'm looking for something like React-Sight but for before you begin building in React, rather than in course of development. Something like a node or tree visualization with a visual editor for laying out React components, state and props, that kinda thing.

  • GitHub repo react-simple-maps

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

    Project mention: Overview of Commercial and Open-Source UI Components for React | dev.to | 2021-07-01

    React Simple Maps is a tool devoted to simplifying the creation and styling of SVG maps in React. It relies on d3-geo and topojson and offers a declarative API for generating map charts. Here you get access to a collection of isolated mapping components that can be combined in different ways. React Simple Maps helps you to take care of all wearisome stuff such as panning, zooming, etc., and concentrate on making visually appealing maps. If necessary, it is also possible to add any 3rd party React libraries. Useful resources: documentation, examples, GitHub repository Package size: 74.3 kB License: MIT

  • GitHub repo semiotic

    A data visualization framework combining React & D3

    Project mention: Understanding front-end data visualization tools ecosystem in 2021 📊📈 | dev.to | 2021-02-18

    Semiotic

  • GitHub repo quiver

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

  • GitHub repo WebPlotDigitizer

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

    Project mention: IEC 61000-4-2 L4 8kV pulse data | reddit.com/r/AskElectronics | 2021-10-13
  • 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 stab at pivot/BI visualization in SQL-based offline-first PWA | news.ycombinator.com | 2021-08-05
  • GitHub repo butterchurn

    Butterchurn is a WebGL implementation of the Milkdrop Visualizer

    Project mention: Winamp skins | reddit.com/r/nostalgia | 2021-10-11
  • GitHub repo echarts4r

    🐳 ECharts 5 for R

    Project mention: I'd like to know R but my immediate need is to make interactive charts in html format for web publication. Is ggplotly any good? | reddit.com/r/rstats | 2021-01-29

    This might shock you, but open-source software is an open and collaborative effort. If you think that the example with two Y-axes undermines this entire project, you can go to the echarts4r github repository, open a pull request (the website is made via pkgdown), and propose improvements to the documentation. Maybe do something good instead??

  • GitHub repo leaflet-velocity

    Visualise velocity data on a leaflet layer

    Project mention: Anyone use leafletjs? | reddit.com/r/webdev | 2021-08-02
  • GitHub repo tspvis

    🗺️ Visualize and control algorithms for the traveling salesman problem

    Project mention: Where can I find a professional react project? | reddit.com/r/reactjs | 2021-10-02

    tspvis ofnotes

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 2021-10-20.

Index

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

Project Stars
1 d3 98,959
2 plotly.js 14,054
3 apexcharts.js 10,791
4 vega 9,451
5 kepler.gl 8,089
6 react-vis 8,028
7 dc.js 7,254
8 heatmap.js 5,642
9 falcon 4,820
10 React Konva 4,200
11 aws-lambda-power-tuning 2,870
12 dtale 2,671
13 React-Sight 2,658
14 react-simple-maps 2,331
15 semiotic 2,190
16 quiver 1,605
17 WebPlotDigitizer 1,551
18 trading-vue-js 1,337
19 sqliteviz 1,118
20 butterchurn 929
21 echarts4r 419
22 leaflet-velocity 365
23 tspvis 334
Find remote jobs at our new job board 99remotejobs.com. There are 37 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.