Skip to main content
SimilarExport ZIP
100%

A6 Bar Chart

✓ Published0🌍 Public
Ddonaldminer
Last edited Mar 7, 2022
Created on Mar 6, 2022
Forked from HTML Starter

This horizontal bar chart displays 2020 honey production figures per state, with bar lengths and color intensity both encoding the production value in thousands of pounds. The visualization uses D3 v7’s `scaleBand` for the categorical state axis and a `scaleLinear` for the numeric production axis, while a sequential red color scale (`d3.scaleSequential` with `d3.interpolateReds`) maps production values to fill colors. A color legend, generated via the d3-legend library’s `d3.legendColor`, sits at the right, and the data comes from the NAAS_Bee-Honey-2020.csv file, rendered as SVG rectangles.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

A6 Diverging Bar Chart

The A6 Diverging Bar Chart visualizes 2021 state-level USDA NASS data on bee colony loss versus renovation percentages, with each state rendered as two diverging bars along a horizontal axis. Positive values (renovated colonies) extend rightward in red, while negative values (lost colonies) extend leftward in blue, using a diverging color scale. Built with d3.v7 and SVG, the chart employs d3.scaleBand for state labels and d3.scaleLinear for the value axis, with a d3.legendColor component for the horizontal color legend.

Ddonaldminer
82% match
Loading thumbnail…

A6 ScatterPlot

This scatterplot visualizes USDA NASS honey data from 2017–2021, plotting honey producing colonies (HPC) on a logarithmic x-axis against yield per colony (YPC) on a linear y-axis, with points colored by year using an ordinal color scale and a vertical legend. The chart uses D3 v7 with SVG rendering, employing `d3.scaleLog`, `d3.scaleLinear`, and `d3.scaleOrdinal` to map data, and `d3.axisBottom` and `d3.axisLeft` for axes. The `d3.legendColor` API adds the color legend, while circles are drawn with `join("circle")` and styled with stroke and fill attributes.

Ddonaldminer
82% match
Loading thumbnail…

Untitled

This interactive line chart displays the total honey production in the United States from 1997 to 2012, aggregated by year and grouped by state. A dropdown menu lets viewers select among six metrics—number of colonies, yield per colony, total production, stocks, production value, and price per pound—to switch the displayed line. The visualization uses d3.line, d3.scaleLinear, and d3.schemeSet2 for scaling and coloring, with SVG circles marking each year’s data point. It loads data from a CSV file hosted on GitHub, processes it with d3.group and array methods, and updates the path via a custom update function.

AAlex Pietrick
80% match
Loading thumbnail…

Iterated: United States Honey Production per Year (CS 573 Assignment #9.1)

This interactive line graph visualizes total honey production across all 50 US states per year, aggregating raw state-level data into a single national trend line with data points. It uses D3’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveMonotoneX` to render an SVG chart. The code groups the CSV dataset by year via `d3.group`, sums production values, and displays the result with a steelblue line and circles, alongside labeled axes and a title.

AAlex Pietrick
78% match
Loading thumbnail…

Activity6_Question4

This interactive bubble chart visualizes U.S. honey production across states for 1998-1999, plotting average yield per colony on the x-axis and total production on the y-axis. Circle size encodes colony count, while color distinguishes states using a scaleOrdinal with interpolated colors from d3.interpolateTurbo. Built with d3.v7 rendering SVG, the chart includes axis labels, a color-coded legend, and hover tooltips displaying state names. Data is loaded from a CSV file using d3.csv, with circles styled for opacity changes on mouseover.

Ggnanendra097@gmail.com
78% match
Loading thumbnail…

United States Honey Production per Year (CS 573 Assignment #7.X)

This line graph visualizes the total honey production in all 50 US states per year, using a dataset from a GitHub gist. The visualization employs D3 v5 to render an SVG line chart, with a monotone curve connecting data points. The code uses D3’s `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` APIs to construct the axes and plot. Styled with CSS, the chart includes axis labels and a title, with circles marking individual data points despite a placeholder loop that only draws one circle.

AAlex Pietrick
77% match
Loading thumbnail…

Activity6_Task4.1

This bubble chart explores the relationship between the number of honey bee colonies, yield per colony, and total production across U.S. states from 1998 to 2000. Circle size encodes total production, the x-axis shows colony count, and the y-axis shows yield per colony, with color distinguishing individual states. The visualization uses D3.js v7 to create an SVG with interactive tooltips that display state-specific values on hover. It employs `scaleLinear` for axes, `scaleSqrt` for bubble radius, and a color legend alongside a size legend to clarify the encoding.

Ssumanthnaidu213@gmail.com
77% match
Loading thumbnail…

Average Honey Production in the United States (CS 573 Assignment #12.1)

A choropleth map of the United States displays each state’s average honey production value from 1998–2012, with values encoded using a gray-to-orange linear color scale. The visualization uses the D3.js v3 library with the Albers USA projection (`d3.geo.albersUsa`) and `d3.geo.path` to render SVG paths from GeoJSON. Hovering over a state triggers a tooltip showing the state name and its production value, while clicking a state toggles its fill to yellow, an interaction designed for future linkage to a line graph. Data is aggregated from an external CSV via `d3.csv` and grouped by state.

AAlex Pietrick
77% match