Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source) Learn more →
Top 23 TypeScript Visualization Projects
-
echarts
Apache ECharts is a powerful, interactive charting and data visualization library for browser
Dashboards have a lot of charts for different forms and data. This is another common requirement. This template recommends Apache ECharts, a powerful, easy-to-use, and flexible JavaScript visualization library.
-
Project mention: jsoncrack.com - what do they use for the graph visuals? | reddit.com/r/webdev | 2023-05-15
https://github.com/AykutSarac/jsoncrack.com As far as I can see they don't use any package to visualize, but I also need that package, if you find it please let me know!
-
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!
-
You could probably use this as a starting point to anchor it - there's a CodeSandbox link (which is a bit busted due to react-spring though) and I think you may just need to change the direction to "column."
-
-
-
https://kepler.gl/ ?
-
The library react-diagrams is very extensive, allowing easy customization of all necessary components styles and behaviors. For example, It were necessary to create custom node and label components to contemplate the desired needs.
-
Klotho
AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)
-
-
-
-
I'm currently using chart-js react-chartjs-2 it's ok but just wondering what else people could recommend for speed of implementation.
-
Project mention: Penrose Create beautiful diagrams just by typing math notation in plain text | news.ycombinator.com | 2023-03-22
-
React Konva
React + Canvas = Love. JavaScript library for drawing complex canvas graphics using React.
Project mention: What is the appropriate webpack loader for the 'canvas' package in a Node.js environment? | reddit.com/r/nextjs | 2023-05-26I'm currently using konva (& react-konva) package, to utilize it in Node.js enviroment I also need canvas package installed in. However, when running the code encountering this error:
-
Project mention: which technology or framework is used to create geometry-draggable canvas like this? | reddit.com/r/Frontend | 2022-10-23
Pts.js - (sorry - couldn't find an example quickly)
-
Project mention: Observable Plot: The JavaScript library for exploratory data visualization | news.ycombinator.com | 2023-04-26
Nice, would be nice to have it integrated in GitHub markdown.
Looks similar to Vega or Vega-lite(https://vega.github.io/vega-lite/). Definitely as rich as D3.js but gets the job done for simple visualisations.
-
Project mention: A Rounded Solution to Image Handling on the OpenSauced Dashboard | dev.to | 2023-05-17
Before adopting nivo and Cloudinary, we initially used Apache E-charts (specifically a React wrapper called echarts-for-react) to handle image processing and loading. This approach proved extremely slow, and it was quite the process in figuring out a better solution while we had a real-time constraint.
-
Project mention: Data Scientists using neovim: how do you explore dataframes? | reddit.com/r/neovim | 2023-05-21
I've looked into external tooling, libs such as dtale, which feel overly complicated for my use case (but I'm open to alternatives). What I would like to have instead is something akin to Spyder's variable viewer, which allows sorting by column. VSCode goes a step further and also provides the ability to filter the dataframe.
-
lit
The Learning Interpretability Tool: Interactively analyze ML models to understand their behavior in an extensible and framework agnostic interface. (by PAIR-code)
-
-
-
umbrella
⛱ Broadly scoped ecosystem & mono-repository of 180 TypeScript projects for general purpose, functional, data driven development
Project mention: I made a typescript library similar to Immer but ~20 times faster and with zero-runtime freezing | reddit.com/r/javascript | 2023-01-10 -
Project mention: Need Help in selecting a CICD tool AWS CodePipeline Suite or Gitlab | reddit.com/r/devops | 2022-12-24
Links: - https://github.com/kubernetes-sigs/kind - https://github.com/kubernetes-sigs/kui - https://github.com/k3s-io/k3s - https://docs.gitlab.com/charts/installation/deployment.html - https://github.com/bitnami/charts/tree/main/bitnami/argo-cd - https://github.com/bitnami/charts/tree/main/bitnami/argo-workflows - https://github.com/fluxcd/flux2
-
-
ONLYOFFICE
ONLYOFFICE Docs — document collaboration in your environment. Powerful document editing and collaboration in your app or environment. Ultimate security, API and 30+ ready connectors, SaaS or on-premises
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-05-31.
TypeScript Visualization related posts
- Best option to represent data in a map?
- Is there a project similar to mafs in svelte?
- Discord like rich precence in github readme. (Shows vscode's workspace info, file being edited and timelaps)
- JSON Crack - Crack your data into pieces
- Observable Plot: The JavaScript library for exploratory data visualization
- Show HN: RATH – Open-Source Copilot and Autopilot for Data Analysis
- Real-Time Data Visualization with D3.js and Vue.js.
-
A note from our sponsor - Klotho
klo.dev | 1 Jun 2023
Index
What are some of the best open-source Visualization projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | echarts | 55,344 |
| 2 | jsoncrack.com | 24,313 |
| 3 | visx | 17,184 |
| 4 | G2 | 11,627 |
| 5 | G6 | 9,809 |
| 6 | kepler.gl | 9,412 |
| 7 | react-diagrams | 7,771 |
| 8 | vscode-debug-visualizer | 7,609 |
| 9 | graphql-voyager | 7,302 |
| 10 | SandDance | 6,048 |
| 11 | react-chartjs-2 | 5,906 |
| 12 | penrose | 5,684 |
| 13 | React Konva | 5,088 |
| 14 | pts | 4,966 |
| 15 | vega-lite | 4,147 |
| 16 | echarts-for-react | 4,051 |
| 17 | dtale | 4,046 |
| 18 | lit | 3,126 |
| 19 | mafs | 3,018 |
| 20 | Rath | 2,949 |
| 21 | umbrella | 2,883 |
| 22 | kui | 2,519 |
| 23 | G2Plot | 2,421 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com