Skip to main content
SpringerLink
Log in
Apress

Integrating D3.js with React

Learn to Bring Data Visualization to Life

  • Book
  • © 2021

Overview

Authors:
  1. Elad Elrom

    1. New York, USA

    View author publications

    You can also search for this author in PubMed   Google Scholar

  • Teaches you to integrate D3.js with React state management

  • Covers simple and advanced charts including world map and force charts

  • Learn to integrate third-party charting libraries including Visx, Nivo, React-vi, and Victory

This is a preview of subscription content, log in via an institution to check access.

Access this book

Log in via an institution
eBook USD 59.99
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book USD 79.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Other ways to access

Licence this eBook for your library

Institutional subscriptions

Table of contents (12 chapters)

  1. Front Matter

    Pages i-xviii
    Download chapter PDF

  2. Setting Up Our Technology Stack

    • Elad Elrom
    Pages 1-30

  3. Graphics and Interactions

    • Elad Elrom
    Pages 31-65

  4. Basic Charts: Part 1

    • Elad Elrom
    Pages 67-93

  5. Basic Charts: Part 2

    • Elad Elrom
    Pages 95-123

  6. Integrating State Management

    • Elad Elrom
    Pages 125-145

  7. World Chart: Part 1

    • Elad Elrom
    Pages 147-180

  8. World Chart: Part 2

    • Elad Elrom
    Pages 181-211

  9. Force Charts: Part 1

    • Elad Elrom
    Pages 213-234

  10. Force Charts: Part 2

    • Elad Elrom
    Pages 235-265

  11. Integrating Popular Chart Libraries Built on D3

    • Elad Elrom
    Pages 267-298

  12. Performance Tips

    • Elad Elrom
    Pages 299-329

  13. Publishing Your React D3 App

    • Elad Elrom
    Pages 331-357

  14. Back Matter

    Pages 359-365
    Download chapter PDF
Back to top

Keywords

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 app and debug test

Who This Book Is For

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

Authors and Affiliations

  • New York, USA

    Elad Elrom

About the author

Elad Elrom is a technical coach. As a writer, he authored and co-authored several technical books. Elad consulted for a variety of clients, from large corporations such as AT&T, HBO, Viacom, NBC Universal, and Weight Watchers, to smaller startups. Aside from coding, Elad is also a PADI diving instructor and a pilot.

Bibliographic Information

  • Book Title: Integrating D3.js with React

  • Book Subtitle: Learn to Bring Data Visualization to Life

  • Authors: Elad Elrom

  • DOI: https://doi.org/10.1007/978-1-4842-7052-3

  • Publisher: Apress Berkeley, CA

  • eBook Packages: Professional and Applied Computing, Professional and Applied Computing (R0), Apress Access Books

  • Copyright Information: Elad Elrom 2021

  • Softcover ISBN: 978-1-4842-7051-6Published: 04 June 2021

  • eBook ISBN: 978-1-4842-7052-3Published: 03 June 2021

  • Edition Number: 1

  • Number of Pages: XVIII, 365

  • Number of Illustrations: 85 b/w illustrations

  • Topics: Web Development

Publish with us

Policies and ethics

Back to top

Search

Navigation