zhu

@zhuceyongwa·2 public vizzes

Cars Scatter Plot

This visualization presents a scatter plot of car data, mapping the year on the x-axis and weight on the y-axis, with circle size determined by the square of the y-value. A small pie chart appears in the lower right, displaying a separate dataset. The plot uses D3.js v5 with SVG rendering, employing `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.pie` for the chart elements, with data loaded from a CSV file.

Aug 1, 2020

Loading thumbnail…

Cost Analysis

Two side-by-side pie charts compare one-year versus ten-year cost breakdowns for categories including Blue-light and Security Guard, using data loaded from CSV files. The D3 v5 code builds an SVG visualization with a title, and the charts are rendered using `d3.pie` and `d3.arc` with labels generated via `arcLabel.centroid`. A color scale from `d3.scaleOrdinal` and `d3.schemeAccent` distinguishes categories, while text elements display names and dollar values on each slice.

Aug 1, 2020