rlia0010

@rlia0010·2 public vizzes

Pie chart

This interactive pie chart visualizes regional apple and orange counts from a static JSON dataset, with radio buttons toggling between fruit types. The donut chart updates its arcs using `d3.pie` and `d3.arc`, while `transition.attrTween` animates shape changes. A legend built with SVG circles and text labels shows region names and colors from a `d3.scaleOrdinal` palette. The rendering uses D3.js (v5) with SVG and includes a 2-second delayed arc transition after each update.

Jun 15, 2020

Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, showing relationships between numeric car attributes such as weight, horsepower, and acceleration. Users adjust dropdown menus to select which columns map to the X and Y axes, and the scatter plot transitions with 2-second animations as new column pairings are selected. The visualization uses d3.v5 with SVG rendering, employing d3.scaleLinear, d3.axisLeft, d3.axisBottom, and d3.transition to update circles, axis labels, and menu selections dynamically.

Jun 9, 2020