hw4

100%

✓ Published0🌍 Public

Last edited Feb 27, 2020

Created on Feb 26, 2020

A scatterplot visualizes 845 US wines by price on a logarithmic x-axis and points score on a linear y-axis, with each circle colored by state using an ordinal color scale. The D3 v5 code uses `d3.json` to load wines.json, `d3.scaleLog` and `d3.scaleLinear` for axes with gridlines, and SVG circles with jitter. Mouseover interactions trigger transitions that highlight the circle with a black stroke and display the wine title in a text label.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

wine_scatterplot_menus

This interactive scatterplot explores chemical properties of red and white wines, allowing users to compare any two numeric variables from the dataset through dropdown menus. The visualization filters wines by type and renders maroon circles for red wines or golden circles for white wines. It uses D3 v5 with SVG and animated transitions, where circles expand from the plot center to their positions over one second. The code employs `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.csv` for data loading.

SSophia Cofone

80% match

Loading thumbnail…

wine_scatterplot

A scatterplot shows wine quality ratings along the x-axis against alcohol content on the y-axis, with each wine represented as a semi-transparent golden circle. The visualization uses D3 v7’s `scaleLinear`, `axisBottom`, and `axisLeft` to map the data, which is loaded from a semicolon-delimited CSV file. The source data contains wine attributes like fixed acidity, pH, and sulphates, though only quality and alcohol are plotted. The SVG rendering includes gridlines and labeled axes, with circles sized at a fixed radius of 10.

SSophia Cofone

80% match

Loading thumbnail…

Reusable Scatter plot with Wine Quality Data

This reusable scatter plot visualizes wine quality data from a CSV file, mapping pH on the x-axis and alcohol content on the y-axis, with point color indicating quality ratings. Built with D3 v6, the example demonstrates loading D3 via UNPKG and using local ES6 modules. The `scatterPlot.js` module defines a reusable chart function with configurable width, height, margins, and radius, using `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axes. The main script appends SVG circles, legends, and styled axis labels directly.

VVenkat-Sumith-Thota

78% match

Loading thumbnail…

wine_bar_scatter_menu

This interactive bar chart visualizes wine quality scores across two wine types, with a dropdown menu to switch between red and white wines and another to select which chemical attribute (such as alcohol, pH, or sulphates) is plotted as the bar height. The bars are sorted by quality and animate smoothly when the selections change. The visualization uses D3 v5 with SVG rendering, including `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and transitions on the bar rectangles. Data comes from the embedded CSV file containing wine physicochemical properties.

SSophia Cofone

77% match

Loading thumbnail…

Scatter Plot with Menus on Wine Recognition Dataset

This scatter plot from the Wine Recognition dataset lets users explore relationships between 13 chemical attributes of three wine varieties. Dropdown menus select which attributes appear on the x- and y-axes, while a fixed color encoding distinguishes the wine classes. Built with React and D3 v5, the SVG visualization uses `scaleLinear` for axes, `scaleOrdinal` for colors, and renders circles with tooltips that display the wine type and coordinate values. The data is loaded as CSV via `d3.csv`.

Llintonylin

76% match

Loading thumbnail…

wine_histogram

This interactive histogram displays the distribution of wine quality ratings, with a dropdown menu allowing viewers to switch between different chemical attributes. The chart animates bar transitions when the selected variable changes. Built with D3 version 7, it uses `d3.histogram()`, `scaleLinear`, and `axisBottom` to render the SVG visualization. The data comes from a semicolon-delimited CSV file containing wine properties, and the code includes a custom `dropdownMenu` module for user interaction.

SSophia Cofone

76% match

Loading thumbnail…

Scatter Plot with Menus and Interactive color legend on Wine Recognition Dataset

This interactive scatter plot lets users explore the Wine Recognition dataset by selecting any two of thirteen chemical attributes for the x- and y-axes via dropdown menus. A categorical color scale distinguishes the three wine classes, and the interactive legend highlights points from one class at full opacity while dimming the others on hover, with tooltips revealing the exact values. Built with React and D3 v5, the visualization uses `d3.scaleLinear` and `d3.scaleOrdinal` for scales and renders SVG circles, with axes generated by custom components.

Llintonylin

76% match

Loading thumbnail…

K-means clustering of wine data

This visualization demonstrates the results of K-means clustering on the wine dataset, plotting each sample as a dot based on its Alcohol and Malic attributes, with colors indicating cluster membership. The code uses D3.js v3 to render an SVG scatterplot, employing d3.scale.linear for axes, d3.svg.axis for tick marks, and d3.scale.category20 for coloring clusters. Mouseover events trigger a tooltip showing cluster, Alcohol, and Malic values. Data comes from the clusters.csv file, which includes precomputed cluster assignments.

JJverma

74% match