(Easier) Interactive Data Visualization in React - Anjana Vakil, React Advanced 2021

25:18 122 views 100% Published 4 weeks ago

React Advanced 2021 ##ReactAdvanced #GitNation
Website – https://reactadvanced.com/

Follow the link to watch the full version of all the conference talks, QnA’s with speakers and hands-on workshop recordings → https://portal.gitnation.org/events/react-advanced-conference-2021

Talk: (Easier) Interactive Data Visualization in React
If you’re building a dashboard, analytics platform, or any web app where you need to give your users insight into their data, you need beautiful, custom, interactive data visualizations in your React app. But building visualizations by hand with a low-level library like D3 can be a huge headache, involving lots of wheel-reinventing. In this talk, we’ll see how data viz development can get so much easier thanks to tools like Plot, a high-level dataviz library for quick & easy charting, and Observable, a reactive dataviz prototyping environment, both from the creator of D3. Through live coding examples we’ll explore how React refs let us delegate DOM manipulation for our data visualizations, and how Observable’s embedding functionality lets us easily repurpose community-built visualizations for our own data & use cases. By the end of this talk we’ll know how to get a beautiful, customized, interactive data visualization into our apps with a fraction of the time & effort!


This event would not take place without the support of sponsors:

🏆 Platinum Sponsors
Toptal → https://www.toptal.com/freelance-jobs
The Graph → https://thegraph.com/en/
Focus Reactive → https://focusreactive.com/

🥇 Gold Sponsors
StackHawk → https://www.stackhawk.com/
Sanity → https://www.sanity.io
Kontent by Kentico → https://kontent.ai/
Sourcegraph → https://about.sourcegraph.com/
Shopify → https://shopify.engineering/
Ionic → https://ionicframework.com/
JetBrains → https://www.jetbrains.com/
Progress KendoReact → https://www.telerik.com/kendo-react-ui/
Sentry → https://sentry.io/
Snyk → https://snyk.io/
Neuralegion→ https://www.neuralegion.com/

🥈 Silver Sponsors
Stream → https://getstream.io/
CodeSandbox → https://codesandbox.io/
Smarkets → https://smarkets.com/about/
3T → https://studio3t.com/
Modus Create → https://moduscreate.com/
Theodo → https://www.theodo.co.uk/
Commercetools → https://commercetools.com/
Strapi → https://strapi.io/
MUX → https://mux.com/
Callstack → https://callstack.com/
hackajob → https://hackajob.co/talent
Hasura → https://hasura.io/
twilio → https://twilio.com/ahoy/
zeroheight → http://www.zeroheight.com/



Watch on YouTube