Top 23 TypeScript Visualization Projects
-
echarts
Apache ECharts is a powerful, interactive charting and data visualization library for browser
Project mention: [OC] U.S. Inflation Reach High in 20 Years | reddit.com/r/dataisbeautiful | 2022-04-12 -
Project mention: I don't miss React: a story about using the platform | news.ycombinator.com | 2022-05-03
I also went this route and used d3 for the math but my own hand-made SVGs for the rendering so that the DOM is all in "react land".
You may want to check out this library: https://airbnb.io/visx/ They converted a ton of d3 features into proper React components
-
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!
-
-
Project mention: Weekly Entering & Transitioning Thread | 06 Mar 2022 - 13 Mar 2022 | reddit.com/r/datascience | 2022-03-07
Would be cool to see some data visualization for this dataset. E.g. whats the income distribution look like? Maybe could use a tool like Kepler to see how things look geospatially.
-
-
Project mention: Looking for Node Editor, GUI Logic Block editor libraries | reddit.com/r/reactjs | 2022-04-20
This is one I recently used. https://github.com/projectstorm/react-diagrams
-
Project mention: While doing recon I found this '/graphql' endpoint. Did some introspection and found a few fields that seem not so sensitive. Would this still be considered as a security issue? | reddit.com/r/HowToHack | 2022-04-05
Disclosure of the schema of a GraphQL API is at least informational. You can use a tool such as GraphQL Voyager to visualize what you got and see if there are any unprotected sensitive operations available.
-
SonarQube
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.
-
Project mention: Show HN: Vizzu – Open-source charting library focused on animating charts | news.ycombinator.com | 2021-10-17
They wrote a great paper explaining their "Unit Visualization" concept/approach: https://www.microsoft.com/en-us/research/wp-content/uploads/...
IIRC their engine used to be their own in house WebGL code, but according to their GitHub ( https://github.com/Microsoft/SandDance) they are now using Deck.gl (https://deck.gl/) for rendering and Vega for chart logic. I do think it's not designed to be used as a library though but a complete studio like environment.
-
Project mention: Penrose: Create beautiful diagrams by typing mathematical notation in plain text | news.ycombinator.com | 2022-04-23
-
I just started a new project using react-chartsjs-2 and it’s working really well, so far. Should work okay directly integrating, too.
-
Project mention: [AskJS] What is the best canvas library to make an app like figma or integromat? | reddit.com/r/javascript | 2021-08-29
-
React Konva
React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.
Project mention: Nextjs & konva error I'm not sure how to resolve | reddit.com/r/nextjs | 2022-03-14Links I found googling (https://github.com/konvajs/react-konva/issues/588, https://stackoverflow.com/questions/53139884/next-js-disable-server-side-rendering-on-some-pages) hint that I should turn off SSR, but it does not seem to work for me as doing what this (https://stackoverflow.com/a/64509306/153399) solution suggests does nothing for me and even though my app looks like this now:
-
I came across https://jsonvisio.com/ recently. Might be similar.
-
What about echarts-for-react?
-
Project mention: Memray is a memory profiler for Python by Bloomberg | news.ycombinator.com | 2022-04-20
-
umbrella
⛱ Broadly scoped ecosystem & mono-repository of 163+ TypeScript projects for functional, data driven development
-
Project mention: Open source options for charts (gauge) for Blazor WebAssembly? | reddit.com/r/csharp | 2021-08-18
As for AntBlazor, here's a breakdown of what I did. This is their introduction and you can see they use g2plot. Here is their github which has a link to their site.
-
Our mission is to improve the developer experience in the terminal.
We think that layer on new interfaces can help make the commandline even more powerful... as well as making it more accessible. Check out kui[0] to get an idea of what we're imagining.
-
In terms of beauty/features, I also use https://www.amcharts.com
-
Project mention: PageSpeed / Lighthouse - Reduce unused JavaScript | reddit.com/r/sveltejs | 2022-03-20
I think https://github.com/btd/rollup-plugin-visualizer can help with checking which packages are the largest.
-
Project mention: Ask HN: Can you share websites that are pushing the utility of browsers forward? | news.ycombinator.com | 2022-05-15
React + Typescript. Forgot to mention it’s open source so you can see for yourself:
-
-
TypeScript Visualization related posts
- Programmatically Access AWS Console
- Visualize your JSON into interactive graphs
- Penrose: Create beautiful diagrams by typing mathematical notation in plain text
- Repulsive Curves
- Lorenz attractor visualization made by Cubecubed. These effects are achieved using graphical functionalities of p5.js. With p5.js's WebGL support, Cubecubed will soon utilize it to create 3D visualization.
- I applied canvas functionalities to the Cubecubed math visualization engine.
- While doing recon I found this '/graphql' endpoint. Did some introspection and found a few fields that seem not so sensitive. Would this still be considered as a security issue?
Index
What are some of the best open-source Visualization projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | echarts | 51,066 |
2 | visx | 15,187 |
3 | G2 | 11,185 |
4 | kepler.gl | 8,571 |
5 | vscode-debug-visualizer | 7,267 |
6 | react-diagrams | 6,951 |
7 | graphql-voyager | 6,724 |
8 | SandDance | 5,727 |
9 | penrose | 5,371 |
10 | react-chartjs-2 | 5,056 |
11 | pts | 4,769 |
12 | React Konva | 4,531 |
13 | jsonvisio.com | 4,108 |
14 | echarts-for-react | 3,642 |
15 | dtale | 3,393 |
16 | umbrella | 2,331 |
17 | G2Plot | 2,204 |
18 | kui | 2,178 |
19 | amcharts4 | 1,079 |
20 | rollup-plugin-visualizer | 768 |
21 | studio | 698 |
22 | Graphin | 691 |
23 | chartify | 676 |
Are you hiring? Post a new remote job listing for free.