Integrating D3.js with React: Learn to Bring Data Visualization to Life

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

E. ElromIntegrating D3.js with Reacthttps://doi.org/10.1007/978-1-4842-7052-3_6

6. World Chart: Part 1

Elad Elrom¹  

(1)

New York, NY, USA

 

A world map chart is a great way to show items globally. Integrating D3 with React and TS can create readable code that uses the best of all the tools. In this chapter, I will show you how to create a rotating map and assign dots based on coordinates.

Specifically, in this chapter, I will show you how to work with a world map using React, D3, and TS as type checkers. I will break down the process into steps. In each step, I will be adding more functionality until we have the rotating world map with dots that represent coordinates. ...