{"version":"1.0","type":"rich","title":"Make a MAP with D3.js!","description":"A step-by-step tutorial demonstrates fundamental D3.js DOM manipulation by constructing an animated smiley face. The example uses SVG primitives—circles, rectangles, and paths—to render the face, while a chained `transition` animates the eyebrows up and down over two-second intervals. The mouth is created using D3's `arc` function to generate a donut-shaped path. The code relies on D3 v5's `select`, `append`, and `attr` methods to build and modify the SVG structure dynamically.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/eabd523289a54d0cb792d9b063226047?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}