Create Interactive Resume using world map widget (React + Recoil + d3 + ts)

Eli Elad Elrom
Master React
Published in
13 min readDec 14, 2020

--

I am often being asked by potential clients about my previous work and roles in companies to help see if it’s a good fit.

d3 charts are great tools to tell your story and are often needed to simplify things. I wanted to showcase the previous projects I worked so I decided why not build an online interactive result. I will be building a world chart with dots that represent coordinates as locations of companies I worked for as well as my roles at these companies.

The final result can be seen below or out at the wild on my website: https://elielrom.com/about.

In terms of organization, I broke down this process into three steps;

  • Step 1 — Setup
  • Step 2 — State management
  • Step 3 — Widget

This article is a continuation of the article I put up that show how to work with World Map on React projects using d3; https://medium.com/react-courses/world-map-chart-with-react-d3-with-ts-468b05f35404

--

--