Integrating D3.js with React
eBook - ePub

Integrating D3.js with React

Learn to Bring Data Visualization to Life

  1. English
  2. ePUB (mobile friendly)
  3. Available on iOS & Android
eBook - ePub

Integrating D3.js with React

Learn to Bring Data Visualization to Life

About this book

Integrate D3.js into a React TypeScript project and create a chart component working in harmony with React. This book will show you how utilize D3 with React to bring life to your charts.

Seasoned author Elad Elrom will show you how to create simple charts such as line, bar, donut, scatter, histogram and others, and advanced charts such as a world map and force charts. You'll also learn to share the data across your components and charts using React Recoil state management. Then integrate third-party chart libraries that are built on D3 such as Rechart, Visx, Nivo, React-vi, and Victory and in the end deploy your chart as a server or serverless app on popular platforms.

React and D3 are two of the most popular frameworks in their respective areas – learn to bring them together and take your storytelling to the next level.

What You'll Learn

  • Set up your project with React, TypeScript and D3.js
  • Create simple and advanced D3.js charts
  • Work with complex charts such as world and force charts
  • Integrate D3 data with React state management
  • Improve the performance of your D3 components
  • Deploy as a server or serverless appand debug test

Who This Book Is For

Readers that already have basic knowledge of React, HTML, CSS and JavaScript.

Frequently asked questions

Yes, you can cancel anytime from the Subscription tab in your account settings on the Perlego website. Your subscription will stay active until the end of your current billing period. Learn how to cancel your subscription.
At the moment all of our mobile-responsive ePub books are available to download via the app. Most of our PDFs are also available to download and we're working on making the final remaining ones downloadable now. Learn more here.
Perlego offers two plans: Essential and Complete
  • Essential is ideal for learners and professionals who enjoy exploring a wide range of subjects. Access the Essential Library with 800,000+ trusted titles and best-sellers across business, personal growth, and the humanities. Includes unlimited reading time and Standard Read Aloud voice.
  • Complete: Perfect for advanced learners and researchers needing full, unrestricted access. Unlock 1.4M+ books across hundreds of subjects, including academic and specialized titles. The Complete Plan also includes advanced features like Premium Read Aloud and Research Assistant.
Both plans are available with monthly, semester, or annual billing cycles.
We are an online textbook subscription service, where you can get access to an entire online library for less than the price of a single book per month. With over 1 million books across 1000+ topics, we’ve got you covered! Learn more here.
Look out for the read-aloud symbol on your next book to see if you can listen to it. The read-aloud tool reads text aloud for you, highlighting the text as it is being read. You can pause it, speed it up and slow it down. Learn more here.
Yes! You can use the Perlego app on both iOS or Android devices to read anytime, anywhere — even offline. Perfect for commutes or when you’re on the go.
Please note we cannot support devices running on iOS 13 and Android 7 or earlier. Learn more about using the app.
Yes, you can access Integrating D3.js with React by Elad Elrom in PDF and/or ePUB format, as well as other popular books in Computer Science & Web Programming. We have over one million books available in our catalogue for you to explore.

Information

Table of contents

  1. Cover
  2. Front Matter
  3. 1. Setting Up Our Technology Stack
  4. 2. Graphics and Interactions
  5. 3. Basic Charts: Part 1
  6. 4. Basic Charts: Part 2
  7. 5. Integrating State Management
  8. 6. World Chart: Part 1
  9. 7. World Chart: Part 2
  10. 8. Force Charts: Part 1
  11. 9. Force Charts: Part 2
  12. 10. Integrating Popular Chart Libraries Built on D3
  13. 11. Performance Tips
  14. 12. Publishing Your React D3 App
  15. Back Matter