Wiebsonice

@Wiebsonice·2 public vizzes

Scatter Plot with Menus

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository. Dropdown menus let users select which numeric columns to plot on the X and Y axes, with selections triggering smooth animated transitions of the circles via d3.transition. The visualization uses d3.scaleLinear for axes, d3.extent for domains, and d3.axisBottom/axisLeft for tick marks. SVG rendering displays semi-transparent red circles, while axis labels update dynamically to reflect the currently selected columns.

Jan 10, 2020

Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between vehicle weight and acceleration for a dataset of cars, with each point representing an individual car. The visualization uses D3 v5 to load CSV data from GitHub, scales the x and y axes with `scaleLinear`, and renders circles as SVG elements. Axis labels and a title are added via SVG text elements, while `axisBottom` and `axisLeft` create the tick marks and grid lines. The chart highlights the inverse correlation between these two variables across the sample.

Jan 8, 2020