kevinyin9

@kevinyin9·2 public vizzes

Polished Scatter Plot with Menus

This interactive scatter plot visualizes the classic Iris dataset, using a polished design with dropdown menus to control which flower measurements are mapped to the x- and y-axes. Built with React and D3 v5, the SVG rendering uses D3's `scaleLinear` and `extent` to compute scales and `csv` for data loading, alongside the `react-dropdown` library for the interactive menus. The visualization includes styled axes, tick labels, and a custom tooltip that displays the x-axis value for each plotted flower.

Oct 2, 2020

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Red semi-transparent circles, each representing a car, are positioned on axes labeled with these attributes and include a title. The visualization is built with D3 v5 using `d3.csv` to load data, `d3.scaleLinear` for scaling, and `d3.axisBottom` and `d3.axisLeft` for axes, all rendered as SVG elements.

Oct 1, 2020