vasanthvasu

@vasanthvasu·2 public vizzes

Fork of Customizing Axes

This visualization displays a stacked bar chart of career-level data, showing the distribution of Standard, Double, and No awards across two career levels. The chart uses a custom color palette with red, blue, and green bars, and demonstrates custom axis configuration with tick labels removed from the bottom axis. The code is built on D3 v4, loading data from a CSV file and using the `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `stack` APIs to process and render the SVG output.

Jul 13, 2022

Loading thumbnail…

Fork of Let's make a face with D3.js!

This fork of “Let's make a face with D3.js!” demonstrates fundamental DOM manipulation by rendering a smiley face with animated eyebrows. Using D3 v5, it selects an SVG element and applies data joins to create circles and paths, with eyebrow positions driven by `d3.interval` to simulate movement. The face itself is drawn via SVG shapes, while the script uses `d3.select` and `.attr` methods to update coordinates. The result is a lightweight, code-driven illustration of how D3 binds data to visual elements and responds to timed updates.

Jul 13, 2022