d3
visx
Our great sponsors
d3 | visx | |
---|---|---|
254 | 46 | |
105,571 | 17,244 | |
0.4% | 1.0% | |
8.2 | 9.1 | |
3 days ago | 27 days ago | |
JavaScript | TypeScript | |
ISC License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
d3
-
How to build a type-safe pie chart in SolidJs with d3 and tailwind
You might have a lot of data in your SolidJs app that needs a good chart to make it easier to read. If so, you're in the right place! In this article we will go from zero to a fully type-safe and customizable pie chart powered by d3, so open your terminal and let's start!
-
How can one create this type of animation?
Perhaps using something like D3js to draw the bubbles that have some physical interaction, then adding a click handler that pops up a modal with the chart and specific details
-
Average price of an ounce of medium/high-quality marijuana in each U.S. state, April 2023 [OC]
Tools: R + Rvest to scrape and clean the data. D3 to create the map. Svelte to put it all together.
- Australian national broadcaster (ABC News) depicting the scale of controversial $243billion in tax cuts and showing what it means for a country
-
Real-Time Data Visualization with D3.js and Vue.js.
This tutorial will use D3.js, a JavaScript library for manipulating documents based on data and Vue.js, a progressive JavaScript framework used for building user interfaces, to demonstrate real time visualization.
-
Graphs in Python web app
https://d3js.org/ (a bit lower-level but more flexible)
- [WinUI] High level 2D rendering library
-
Advice on learning front end for data visualization?
D3.js is great for custom data viz. You can get started by including the library in a script tag and not have to mess around with a bundler like Webpack until you are ready and just use plane CSS. D3.js doesn't work well with JS frameworks like React - it was jQuery like DOM manipulation functions. I find the best approach is to let D3 manage its chart and leave React for the UI. Or you can use a more React friendly library like React Viz from Uber. While D3 is great for custom data viz it's time consuming for standard charts. There are a lot of charting libraries out there like Chart.js. There is also Plot which is built on D3.js.
-
10 repositories to star if you are a Javascript developer
6. D3js - 105k stars
-
EazyChart the open source reactive chart library for both react and Vue.
short description: EazyChart is a reactive chart library, it offers the ability to easily add charts in your React and Vue web applications. EazyChart does not depend on a JS chart library instead it depends only on some of the D3.js library's submodules.
visx
-
What are some of the best libraries you cannot work without?
Lol we migrated away from Nivo to Visx. Nivo is pretty cool but we're big fans of Visx due to how composable it is.
Really similar to Airbnb’s visx https://airbnb.io/visx
-
Any libraries out there that you recommend for charts/graphs/trees in React?
Best one for React is VISX which is built on top of D3.js.
-
Data Visualization Framework for React, Angular, Svelte, TypeScript, JavaScript
If you work in React and like this approach it's hard to go past Visx - https://airbnb.io/visx
-
The Top 6 ReactJS Chart Libraries for Data Visualization
Visx averages 12,000+ weekly downloads, 15.7k stars and 611 forks on Github.
Visx is a data visualization library developed by Airbnb. This is not a charting library, but rather a tool that combines the capabilities of D3 and ReactJS, allowing you to use visualization primitives to build your own charting library.
-
I made an interactive landing page for my open-source side project
Thank you so much! I can't take all the credits however – I'm building on top of the shoulder of giants/amazing OSS libraries like cobe.vercel.app, airbnb.io/visx, framer.com/motion, radix-ui.com, tailwindcss.com, and many more! :)
-
I built an interactive landing page for my side project
FWIW, I built the site using amazing OSS libraries like cobe.vercel.app, airbnb.io/visx, framer.com/motion, radix-ui.com, tailwindcss.com, and many more – so maybe you can refer to those to build something similar!
Not really – the globe was made with cobe.vercel.app, the graphs with airbnb.io/visx, the animations with framer.com/motion – all of which are really amazing open-source libraries!
-
Best React Libraries to Use in 2022
A library like VisX which is a wrapped around D3 aimed at react would be more appropriate for the list.
What are some alternatives?
echarts - Apache ECharts is a powerful, interactive charting and data visualization library for browser
GoJS, a JavaScript Library for HTML Diagrams - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
vis
d4 - A friendly reusable charts DSL for D3
svg.js - The lightweight library for manipulating and animating SVG
paper.js - The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @lehni & @puckey
sigma.js - A JavaScript library aimed at visualizing graphs of thousands of nodes and edges
fabric.js - Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser
recharts - Redefined chart library built with React and D3
vega - A visualization grammar.
nivo - nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
two.js - A renderer agnostic two-dimensional drawing api for the web.