Avocado Sales US States

Avocado Sales US States

This interactive choropleth map displays weekly avocado sales volumes across US states, with a slider beneath the map letting users select any week of 2017. State boundaries are rendered using `d3.geoPath` with a `geoAlbersUsa` projection, while translucent teal circles sized by `scaleSqrt` exaggerate total sales per state. A timescale brush updates the map by filtering CSV data on the selected date. The code combines TopoJSON for state geometries, D3 v5, and an SVG rendering approach with zoom support.

95% match

Avocado Sales US States

This visualization displays avocado sales volumes across US states for a specific week in 2017, using a choropleth map with proportional circles overlaid on each state. The circles use a square-root scale to represent total sales volume, while state fill colors distinguish regions. The code loads CSV sales data and TopoJSON state boundaries, then renders them with d3.geoPath and d3.geoAlbersUsa projections. Interactive features include zooming via d3.zoom and hover highlighting. A slider at the bottom indicates the date range, though only the selected week’s data is visualized.

95% match

Avocado Sales US States

This visualization displays avocado sales volumes across US states for the week of January 15, 2017, using a choropleth map with overlaid circles sized by total volume. The map uses d3.geoAlbersUsa projection with topojson US state boundaries, while circles are positioned via d3.geoCentroid and scaled with d3.scaleSqrt. Interactive zoom is implemented through d3.zoom, and the visualization is rendered as SVG. Data comes from a CSV of avocado sales figures joined to state geometries, with missing states shown in gray and hover highlighting via CSS.

95% match

Avocado Sales US States

A choropleth map of the United States displays avocado sales volume for each state during the week of 1/15/2017, with darker red fills for higher values and grey for missing data. Semi-transparent circles, sized by d3.scaleSqrt, are positioned at each state’s centroid via d3.geoCentroid and d3.geoPath to show total volume. A time slider below, built with d3.scaleLinear and axisBottom, lets a user scrub through all 2017 weekly dates, triggering a re-render that updates both the map fills and circle radii. The visualization uses TopoJSON for state boundaries, d3.zoom for panning, and loads data from a CSV file.

Avocado Sales US States

This visualization displays avocado sales volumes across US states for the week of January 15, 2017. State boundaries are drawn using d3.geoPath with a geoAlbersUsa projection, while sales data from a CSV file is joined to TopoJSON state geometries. Circles sized by d3.scaleSqrt represent total sales volume, positioned at state centroids via geoCentroid. Users can zoom and pan using d3.zoom. States with missing data appear gray, and hovering highlights individual states in red.

Avocado Sales US States

A choropleth map of the United States displays avocado sales volume by state for the week of January 15, 2017, with states colored light red or gray and circles sized by total volume via a square-root scale. Users can zoom and pan the map using d3.zoom. The visualization renders geographic boundaries with d3.geoPath and d3.geoAlbersUsa, processing topojson US state data and CSV sales records through d3.csv and d3.json. A horizontal slider bar at the bottom suggests date navigation, though no interactive date selection is implemented.

Avocado Sales US States

This visualization displays avocado sales volume across U.S. states for the week of January 15, 2017. A choropleth map colors states with recorded sales in pink and those without in gray, while proportional circles over each state’s centroid use a square-root scale to represent total sales volume. The map uses an Albers equal-area projection via `d3.geoPath` and `geoAlbersUsa`, with data from a CSV joined to TopoJSON state boundaries. Circles and state paths are rendered as SVG, with tooltips showing state names and sales figures.

Avocado Sales US States

This visualization displays avocado sales volumes across US states for the week of January 15, 2017, using a choropleth-style map where states with sales appear in pink and states without data are gray. Circles sized by total sales volume are overlaid at each state’s centroid, using `d3.geoAlbersUsa` projection and `d3.geoPath` for state boundaries. The code loads data from a CSV via `d3.csv` and merges it with TopoJSON state geometries using TopoJSON’s `feature` function, then applies `d3.scaleSqrt` to scale circle radii. Interactivity includes zoom via `d3.zoom` and hover effects that highlight states in red.