Baby Name Blossoms is a data visualization project inspired by filmflowers. It is a single-page application built with React App and with implementation of D3.js.
Based on the data from ssa.gov, this project visualizes top 10 girl and boy names in the USA over the past 10 decades.
This project has three main features:
1. Each name is represented with a flower
2. The number of petals in each flower represents the popularity of the name
3. The colored circles inside each flower reflect the vowels of the name: 'a', 'e', 'i', 'o', 'u', and 'y'. For example, Emma has two circles, which reflect the letters 'E' and 'a'.
Live Site: https://baby-name-blossoms.netlify.app/
GitHub Page: https://github.com/liaowow/baby-names