Skip to main content

Basic Charts: Part 1

  • Chapter
  • First Online:
Integrating D3.js with React
  • 1385 Accesses


In the previous chapter, I covered what was possible with D3 and React. We created function and class components, and we even created a simple bar chart. In this chapter, I will be covering how to create simple charts with React and D3 using TypeScript as a type checker. I will be showing you how to create the following simple charts with the emphasis of getting D3 to do most of the work. I will be showing you how to create the following charts:

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

Access this chapter

USD 16.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

Purchases are for personal use only

Institutional subscriptions

Author information

Authors and Affiliations


Rights and permissions

Reprints and permissions

Copyright information

© 2021 The Author(s), under exclusive license to APress Media, LLC, part of Springer Nature

About this chapter

Check for updates. Verify currency and authenticity via CrossMark

Cite this chapter

Elrom, E. (2021). Basic Charts: Part 1. In: Integrating D3.js with React. Apress, Berkeley, CA.

Download citation

Publish with us

Policies and ethics