Life & fun · September 7, 2016
Build your first real world React.js application
How to use the Plotly.js React component.
Build your first real world React.js application launched on September 7, 2016 with 261 votes, #83 of 3,744 launches that month and more than 99% of that year's launches. The site was still online in September 2026, 10 years on.
In plain words
This guide teaches developers how to use the react-plotly.js component to embed interactive D3 charts in React applications. The component accepts chart type, data, and styling as Plotly JSON through props and renders charts using Plotly.js. It's designed for web developers building data visualization features into React-powered websites. The resource provides installation instructions and quickstart examples to help developers get started integrating interactive charts into their projects.
written from the facts on this page · September 2026
From the sources
You are using an outdated browser. Please upgrade your browser to improve your experience. Plotly Studio: Transform any dataset into an interactive data application in minutes with AI. Try Plotly Studio now. Use react-plotly.js to embed D3 charts in your React -powered web application. This React component takes the chart type, data, and styling as Plotly JSON in its data and layout props, then draws the chart using Plotly.js. See below about how to get started with react-plotly.js. For information on more advanced usage patterns such as State Management or Customizing the plotly.js bundle please see the ReadMe for react-plotly.js . More information about Props and Event Handlers can be…from academy.plot.ly
Does a similar job
all alternatives →
A gallery of graphs built with React and D3.js2023 · react-graph-gallery.com · ▲297Many 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!
Victory – ReactJS library for building interactive data visualizations2016 · github.com · ▲220A collection of composable React components for building interactive data visualizations - FormidableLabs/victory
More life & fun this month
the category →
A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.
Life & fun · 1d ago · permit.petercai.com
- IV
Life & fun · 13d ago · tanzaniaeducationproject.org
Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.
Life & fun · 14d ago · bigwords.page
Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.
Life & fun · 8d ago · guitoro.com
Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.
Life & fun · 12d ago · carrierexplode.com
Life & fun · 22d ago · space.bl2.net
Source: Show HN post ↗
Launched alongside, September 2016
the whole month →
Startup Pitch Decks▲2,318Real decks from real startups that raised over $400M
Growth · 2016 · cirrusinsight.com
Bitmap & tilemap generation from a single example with the help of ideas from quantum mechanics - mxgmn/WaveFunctionCollapse
Life & fun · 2016 · github.com
Reproducing images with geometric primitives. Contribute to fogleman/primitive development by creating an account on GitHub.
Dev tools · 2016 · github.com
AccessURL▲818Share access to accounts without sending a username/password
Life & fun · 2016 · accessurl.com