LuisEnrique-Naica

@LuisEnrique-Naica·2 public vizzes

Making a Bar Chart

This bar chart displays population estimates for ten countries, with the United States, India, and China leading in size. Built with D3 v6, the visualization uses `scaleLinear` and `scaleBand` to map population values to bar widths and country names to vertical positions, respectively. The chart is rendered as SVG within an HTML page, with axes created using `axisLeft` and `axisBottom`. Data is loaded from a CSV file and formatted by multiplying population values by 1,000 before rendering.

Dec 12, 2020

Loading thumbnail…

HTML Starter

This example shows a yellow smiley face rendered as an SVG, with animated eyebrows and a mouth that shifts between a filled arc and a thin outline. The face is centered using a translated group element, with circles for eyes and an arc-generated path for the mouth. Built with D3 v6 in a React framework, it uses `select`, `arc`, and chained `transition().duration()` calls to animate the eyebrow position and mouth shape over two seconds. The code demonstrates basic SVG attribute manipulation and data-free geometric drawing.

Dec 11, 2020