JingDu123

@JingDu123·2 public vizzes

Cars Scatter Plot

This scatter plot visualizes the UCI Auto MPG dataset, showing relationships among car attributes like economy, cylinders, power, and weight. Each car is represented as a point, with axes for the different numeric dimensions. The visualization uses D3.js v5 to render SVG graphics, employing scales such as `scalePoint` and `scaleLinear` to map data values to coordinates. The code also references the `d3.csv` loader to import the data and the `axisBottom` and `axisLeft` components for the chart’s axes.

Oct 14, 2019

Loading thumbnail…

Lets make a face with D3.js!

This example draws a simple cartoon face from basic SVG shapes using D3.js v5. The code builds a yellow circle for the face, two black circles for eyes, and a mouth created with the `d3.arc` API, all positioned within an SVG canvas. The face is constructed procedurally using D3 selections to append elements, with SVG attributes controlling size and placement. No external data is used, making it a purely illustrative demonstration of D3's shape generation and coordinate-based rendering.

Oct 14, 2019