Skip to main content
SimilarExport ZIP
100%

Module 3 Exercise -- Sacramento Yearly Average Temperature.

✓ Published0🌍 Public
PP7h
Last edited Apr 5, 2015
Created on Apr 5, 2015

This visualization displays Sacramento’s yearly average temperature from 1915 to 2011 as a vertical bar chart using D3 v3 and SVG. Each year is labeled along the left, with bar lengths proportional to the temperature value and the numerical figure overlaid at the bar’s end. The chart reads data from a CSV file via `d3.csv`. Bars change to a dark teal on mouseover and toggle between green and orange on click, using D3’s selection and event-handling methods.

AI-generated description

Similar vizzes

Loading thumbnail…

activity7.2

This visualization displays yearly average temperatures as a filled area chart, with a steel-blue region rising and falling across the time series. The SVG rendering uses d3.area() to generate the path, scaling the x-axis by year and the y-axis by temperature values. Data loads from a remote CSV via d3.csv, with axes labeled “Year” and “Avg Temperature (°C)”. The chart applies d3.scaleLinear for both dimensions and formats tick labels with d3.format for integer years, highlighting overall temperature trends over time.

GGanesh Gundekarla
78% match
Loading thumbnail…

Temperature in San Francisco with D3.js!

This example visualizes hourly temperature readings in San Francisco over several days in March 2015. Each data point appears as a semi-transparent circle on a scatterplot, with time on the x-axis and temperature in degrees Celsius on the y-axis. The chart is rendered as SVG using D3.js v5, with scales and axes built via `scaleLinear`, `axisBottom`, and `axisLeft`. Data is loaded from a CSV file using `csv`, and the circles are appended to the SVG with `selectAll().data().enter()`.

CCalvin Gomez
77% match
Loading thumbnail…

Activity7_Question2

This area chart displays average temperatures from 2005 to 2023, with years on the x-axis and temperature in Celsius on the y-axis. The visualization uses D3 v7 to load CSV data from a GitHub gist, create a violet-filled area path using `d3.area`, and render axes with `d3.axisBottom` and `d3.axisLeft`. The SVG rendering includes labeled axes for clarity.

Ssunny.musku2631@gmail.com
76% match
Loading thumbnail…

temperature_data.csv

This bar chart displays the average annual temperature for numerous U.S. cities, with each bar’s height corresponding to the temperature in degrees Celsius. Built with the D3.js library using `d3.scaleBand` and `d3.scaleLinear`, the visualization renders as SVG on a light background. It reads the `temperature_data.csv` file, parses the numeric temperature values, and draws the bars, axes, and a rotated x-axis label list using D3's modular APIs. The chart’s title and axis labels are added as SVG text elements.

RRuthvik Bairaboina
76% match
Loading thumbnail…

1Q_SDV_Assgnmt6

A bar chart displays the average annual temperatures of U.S. cities in degrees Celsius, sourced from a local CSV file. The chart uses a vertical bar for each city, with the y-axis representing temperature and the x-axis showing city names, which are rotated for readability. Built with D3 v7, the visualization employs `scaleBand` and `scaleLinear` to map data, `selectAll` to create SVG rectangles, and `axisBottom` with filtered tick values to manage crowded labels. The chart includes a title, axis labels, and a light gray background.

RRuthvik Bairaboina
76% match
Loading thumbnail…

D3 Example

This example shows a line chart of temperature readings in San Francisco over a week in March 2015, rendered as an SVG. The chart uses D3's time scale for the x-axis (timestamp) and a linear scale for the y-axis (temperature in °C). The line is drawn with a black, 1-pixel stroke, and both axes include styled tick labels and descriptive titles ("Time" and "Temperature °C") with a Poiret One font. The visualization reads the data from a CSV file and updates the scales and line path accordingly.

CCurran Kelleher
75% match
Loading thumbnail…

Activity7.1_Question2

This area chart displays the monthly average temperature in degrees Celsius for a single year, revealing a seasonal pattern with a peak in July and lower temperatures in winter. Built with D3 v6, the visualization encodes temperature values on a linear y-axis and months on a point scale. The chart is rendered as an SVG path using the `d3.area` generator, with axes added via `d3.axisBottom` and `d3.axisLeft`. The data is loaded from a remote CSV file containing two columns: month and temperature.

Vvidyagangasani@my.unt.edu
75% match
Loading thumbnail…

Assignment3.2

This example visualizes monthly average temperature variations from January to December using a smoothed area chart. It renders an SVG graphic with red-filled areas and styled axes, drawing data from a CSV file hosted on GitHub. The visualization is built with D3 v5, using functions like `scalePoint`, `scaleLinear`, `area`, `curveBasis`, `axisBottom`, and `axisLeft` to create scales, the area path, and labeled axes. Axis ticks and labels are styled via CSS classes applied in the SVG output.

Ssiddhubhupathi@gmail.com
75% match