Activity6_Task4.1

100%

Activity6_Task4.1

✓ Published0🌍 Public

Last edited Apr 15, 2024

Created on Apr 15, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task4.1

This bubble chart visualizes honey production across U.S. states over multiple years, plotting the number of colonies on the x-axis, yield per colony on the y-axis, and total production as the bubble size. State categories determine the bubble colors, with a tooltip displaying state name, production, and yield per colony on hover. The visualization uses d3.v7 to load CSV data, apply linear and square-root scales, and render animated SVG circles with interactive mouse events.

Ssumanthnaidu213@gmail.com

96% 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

92% match

Loading thumbnail…

Activity 8_Q4

This bubble chart shows the correlation between total honey production and honey stock levels across U.S. states, with bubble size representing the number of colonies and color mapping to each state. The SVG visualization, built with D3 v7, includes a tooltip that displays state name, production, and stock values on hover. The code demonstrates loading data from a CSV file, creating linear scales for axes and bubble radius, using an ordinal color scale for state categories, and rendering an interactive legend alongside the main plot.

UUthkarsh Reddy Junuthula

88% 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

82% match

Loading thumbnail…

Interactive: United States Honey Production per Year (CS 573 Assignment #13.1)

This interactive line graph shows United States honey production trends over time, letting users select among five variables: number of colonies, yield per colony, total production, stockpiles, and production value. The SVG visualization aggregates state-level data by year, computing averages for each metric. A dropdown menu updates the y-axis scale and line display, while a hover tooltip reveals exact values per year. Built with D3 v4, the code employs d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.group, with data drawn from a CSV hosted on GitHub.

AAlex Pietrick

81% match

Loading thumbnail…

US Honey Bees

This visualization shows US bee colony population trends for the 2020-Q2 period across states, plotting starting colony counts on the x-axis against maximum colony counts on the y-axis. Each circle represents a state, with its radius encoding the number of added colonies via `d3.scaleLinear` and its color mapped to renovated colonies using `d3.scaleSequential` with `d3.interpolateYlOrRd`. The SVG chart uses `d3.axisBottom` and `d3.axisLeft` with tick marks, and filters out the United States, California, and Texas as outliers. Data comes from a CSV file loaded via `d3.csv`.

PPeter Gish

80% match

Loading thumbnail…

California Bee Population

This interactive bubble chart visualizes US bee colony data from 2015 to 2021, plotting starting colonies on the x-axis and maximum colonies on the y-axis, with bubble size proportional to added colonies and color representing renovated colonies. Built with D3 v7, the visualization uses SVG rendering and animation, featuring a tooltip on hover and gridlines for readability. The chart loads data from a remote CSV file and employs scales for position, size, and color, with an optional outlier-removal toggle. A linear time axis handles quarterly data parsing, and the design references the d3-graph-gallery bubble chart template.

PPeter Gish

79% 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