mamaycotte

@mamaycotte·3 public vizzes

Cars Scatter with Menu

This scatter plot displays weight versus horsepower for a dataset of cars, with each point representing a vehicle. A dropdown menu presents options labeled “a” through “d,” though the menu does not currently filter or alter the displayed data. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and `csv` to load data from an external auto-mpg dataset. Fixed margins, gridlines, and labeled axes structure the chart, while circles use `fill` and `opacity` from stylesheets.

Aug 19, 2019

Loading thumbnail…

Cars Scatter with Menu

This interactive scatterplot displays the relationship between horsepower and weight for cars in the auto-mpg dataset. Users select a category from the dropdown menu, though the code currently renders only static axes and circles. Built with D3 v5, it uses `scaleLinear`, `axisBottom`, and `axisLeft` to create grid lines, while the `dropdownMenu` module generates the select element. Data loads from a CSV via `csv()`, with SVG circles positioned by scaled values.

Aug 19, 2019

Loading thumbnail…

Cars Scatter Plot

This interactive scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset. Red semi-transparent circles represent individual car models, with a title and labeled axes. Built with D3 v5, the code uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the chart. Data is loaded as CSV via the `csv` function, and the SVG output is styled with custom CSS for tick marks, labels, and title typography.

Aug 18, 2019