State Data Scatterplot with Color Legend

State Shopping Data Scatterplot

This scatterplot visualizes state-level shopping data, plotting the total number of purchases against average customer rating. Each circle represents a state, with its size scaled to the square root of average purchases per customer and its color indicating the popular season (gold for summer, orange for fall, blue for winter, green otherwise). The visualization uses d3.scaleLinear for axes and d3.axisLeft for the y-axis, while custom tooltips appear on mouseover. Data comes from the @mjmacgregor/state-ratings package, and rendering leverages D3’s selection and join methods.

90% match

State and Season with Tooltip

This stacked bar chart displays total sales by US state, segmented across four seasons. Hovering over a bar segment reveals a tooltip, while hovering over the color legend highlights that season's data across all states and fades the others. The visualization uses D3.js with `scaleOrdinal` and `scaleLinear` for axes and colors. The source data comes from the Pew Research Global Religious Landscape, processed via a custom script.

78% match

A6 - Scatterplot with Qualitative Color Scale

This scatterplot shows the relationship between average temperature and wind speed across different states, with each dot colored by state to reveal grouping patterns. The visualization uses D3.js v6 to load CSV weather data and render SVG circles, mapping temperature to the x-axis and wind speed to the y-axis. A qualitative color scale (d3.scaleOrdinal with d3.schemeCategory10) assigns distinct colors to each state, while a categorical legend created with the d3-legend library identifies the color encoding. The chart includes labeled axes, a title, and semi-transparent points for readability.

RRiya Mathur

State Ratings

This visualization displays a map of average customer review ratings across U.S. states, using a dataset derived from shopping habits. The code loads a CSV file with `d3.csv` or a custom import, converts quantitative fields like `AvgRating` and `NumRatings` to numbers, and renders the first data record as raw JSON in a `<pre>` element. The example demonstrates basic data inspection, showing how to load and parse tabular data for subsequent geospatial or analytical use.

Total Sales by State and Season

This stacked bar chart shows total sales by state, with each bar segmented by season (Winter, Spring, Summer, Fall). Hovering over the legend highlights the corresponding season across all bars and dims others, while the highlighted stack is raised to the front. Built with D3, it uses `scaleOrdinal` for colors, `stack()` for grouping, and `flatRollup` to structure data from the `@mjmacgregor/grouped_states_seasons` package. The chart is responsive via `observeResize`.

Line chart with multiple lines

This line chart displays the number of reviews per state across the days of a year, with multiple colored lines representing individual states. The visualization includes an interactive color legend that highlights a selected state while dimming others. Built with D3 v5 and rendered as SVG, the code uses `d3.csv` for data loading, `d3.nest` for grouping by state, and `d3.line` with `curveBasis` for smooth lines. Axis labels and a title are added, while the legend is implemented through a custom `colorLegend` function. The underlying data comes from the provided external CSV dataset.

RResl411

State Ratings Map

This map of the United States uses circles to represent shopping data by state. The area of each circle scales with the number of purchases, while the blue color intensity reflects the average customer rating, creating a visual comparison of consumer behavior. Built with d3.geoPath and d3.geoAlbersUsaTerritories, it projects state boundaries and overlays circles using d3.scaleSqrt for sizing and d3.scaleSequential with interpolateBlues for coloring. The data comes from the Shopping Habits Dataset, with the map rendered using the topojson-client library to convert GeoJSON features.

74% match