React+D3.js, learn how to build visualizations with React

What it does

Learn how to build scalable dataviz components your whole team can understand with React for Data Visualization. So you want to build a beautiful data viz. You've got data burning a hole through your pocket, an idea for a juicy story, and your boss or client are waiting for results. You want something that looks great, works in the browser, performs on mobile, lets users interact with their data, syncs across an entire dashboard, and works as building blocks for future projects. I remember building my first data visualization back in 2012. Visualized my coding habits from GitHub data. Leave your email get a free sample of React for Data Visualization and an email crash course. Dynamic data…from swizec.com

• 
  A gallery of graphs built with React and D3.js2023 · react-graph-gallery.com · ▲297

  Many JS libraries exist to build graphs on the web (Vega, chartJS, Plotly...). They allow to make charts quickly. But you lose flexibility: you're limited by the options they offer. I just created a gallery with hundreds of graphs made with d3.js and React. - Examples are split by graph types - They all come with explanation and code sandboxes - Gradual complexity to ease the learning curve It took me ages to create this project! Feedback welcome!

• 
  React+D3.js, an ebook that teaches you dataviz with React2015 · leanpub.com · ▲19

  This quick eBook will teach you how to make React and d3.js play together in less than an hour.

• 
  Build your first real world React.js application2016 · academy.plot.ly · ▲261

  How to use the Plotly.js React component.

• 
  React D3 Library2016 · react-d3-library.github.io · ▲153

  The easiest way to use D3.js in React

• 
  react.dev2023 · react.dev · ▲543

  The new home for React and its documentation

• 
  React for Designers2018 · designcode.io · ▲301

  Course for building a React site using components

• 
  Lofi Cities – Pixel-art city nights with browser-generated lofi▲319

  Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.

  Work · 24d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 18d ago · smoothrecorder.com

• 
  Figma Specs▲222

  A container for your context that lives on the Figma canvas

  Work · 3d ago · figma.com

• 
  The rarest tech books and docs you've probably never read▲190

  Work · 12d ago · readrare.com

• 
  Periscope▲1,049

  Explore the world through someone else's eyes

  Life & fun · 2015 · periscope.tv

• 
  Product Hunt for Chrome▲898

  The best new products, every day, in your browser

  Life & fun · 2015

• 
  Amazon Dash Button▲772

  Place it. Press it. Get it.

  Commerce · 2015 · amazon.com

• 
  $Cashtags by Square▲722

  Get paid via $cashtags for things you do online or in person

  Commerce · 2015 · t.co

• 
  Gyroscope▲713

  A new OS for the human body

  Growth · 2015 · gyrosco.pe

• 
  Freebie.Supply▲669

  Awesome free things for entrepreneurs & startups

  Growth · 2015 · growth.supply