Export Image
Export Code

Smiley Face Part 6

Tom-S82

Last edited Mar 17, 2020
Created on Mar 15, 2020
Forked from Smiley Face Part 4

Smiley Face Tutorial with React. Following Curran's tutorial below but also including:

  • Basic hover effects on the eyebrows (turns them blue on-hover)
  • Animation to raise and lower the eyebrows (random number of times and speed)
  • Single parameter to select how many faces should appear on the x and y aspects of the svg (e.g. a rangeBasic of 5 gives 25 (5 * 5) faces)
  • Random variation on most parts of the face(s)

Source: Datavis 2020 Episode 10 - Let's Make a Face Part VI (React & D3) - Compartmentalizing Complexity

Looking forward to learning how to apply this logic to data visualizations!!

MIT Licensed