Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_question 3

✓ Published1🌍 Public
Ccharishmakalyanapu@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024

This scatter plot visualizes the February average temperature in Pennsylvania from 2002 to 2007, with points colored by whether Punxsutawney Phil saw his shadow. The chart uses D3.js v7 to build an SVG with linear scales for year and temperature, and includes axes, labels, and a simple legend indicating the two shadow conditions. Data is hardcoded from a CSV containing annual temperature readings and Phil’s shadow status.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_question 3

This scatter plot shows February average temperatures in the United States from 2002 to 2007, with blue circles representing years when Punxsutawney Phil saw his full shadow and orange circles for years with no shadow. The visualization uses d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft to render ticks, and d3.selectAll to append SVG circles. Data is embedded directly from a CSV file containing temperature readings from the Northeast, Midwest, and Pennsylvania regions. A simple legend distinguishes the two Phil outcome categories.

Ccharishmakalyanapu@gmail.com
92% match
Loading thumbnail…

Activity6_Question4

This bubble chart plots the relationship between February and March average temperatures. Each circle represents a year, with its x-position showing the February temperature and y-position showing the March temperature. The bubble’s radius scales with March temperature, while color encodes the Punxsutawney Phil prediction: red for “Full Shadow” and green for “No Shadow.” The visualization uses D3.js (v7) with SVG rendering, employing `d3.scaleLinear` for axes and radius, `d3.axisBottom` and `d3.axisLeft` for axes, and `d3.select` and `.enter()` to append circles. Data is drawn from the embedded `data.csv` subset covering years 2002–2007.

Ccharishmakalyanapu@gmail.com
84% match
Loading thumbnail…

Goundhog Day Temperatures

This line chart compares the average March temperature in the United States across years, grouped by whether Punxsutawney Phil saw his shadow on Groundhog Day. The visualization uses d3.csv to load the Kaggle dataset, d3.nest to group records by shadow status, and d3.line with curveBasis to render smooth paths for each category. Axes, scales, and a color legend are generated with d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and a custom colorLegend module, all rendered as SVG elements.

Jjhcliu19
79% match
Loading thumbnail…

Groundhog Day Temperatures

This visualization displays yearly temperatures for February and March across U.S. regions, with each line representing a groundhog shadow category (full shadow, no shadow, or partial shadow) from 1895 onward. The data comes from Data Canvas - Sense Your City. Using d3.csv and d3.nest, the code groups records by shadow status and renders them as smoothed line paths with d3.line and curveBasis. A d3.scaleOrdinal with schemeCategory10 provides color encoding, accompanied by a custom colorLegend module, while axes are generated using d3.axisBottom and d3.axisLeft.

Jjhcliu19
75% match
Loading thumbnail…

Fork of Fork of Activity_7.1.1_Question_2

This area chart visualizes monthly temperature variations, with the shaded region and line highlighting the trend across the months. Built with D3 v7, the chart uses `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and `d3.area` to generate the filled path. Data is loaded asynchronously from a GitHub Gist via `d3.csv`. Axis labels and tick marks are rendered using `d3.axisBottom` and `d3.axisLeft`, with all SVG elements drawn to a static canvas. The chart is styled with a steelblue line and a semi-transparent lightsteelblue area.

Ppoornachander510@gmail.com
73% match
Loading thumbnail…

Fork of Activity_7.1.1_Question_2

This chart visualizes monthly temperature data as an area chart, with a semi-transparent lightsteelblue fill beneath a steelblue line. The SVG output is generated using D3 version 7, positioning months on the x-axis and temperature in degrees Celsius on the y-axis. The code fetches data from a GitHub Gist via `d3.csv` and constructs the visualization using `d3.scaleBand`, `d3.scaleLinear`, and `d3.area`. Both axes include labels and tick marks, with the chart contained within a page that centers the 700x400 pixel graphic.

Aadityatrip9899@gmail.com
73% match
Loading thumbnail…

Activity6_question3

This stacked bar chart shows how average February and March temperatures vary across multiple regions for each year from 2002 to 2006. Each bar is segmented by temperature category, with a legend identifying the eight region-month combinations. The visualization uses d3.csv to load the data, d3.stack to create the stacked series, and d3.scaleBand, d3.scaleLinear, and d3.scaleOrdinal for positioning and coloring. SVG rectangles render the stacked segments, with axes and legend generated via d3.axisBottom and d3.axisLeft. The code applies the d3.schemeCategory10 color palette to distinguish the temperature categories.

Ccharishmakalyanapu@gmail.com
71% match
Loading thumbnail…

Activity7_q2

This area chart displays average monthly temperatures in degrees Fahrenheit, highlighting the seasonal variation across the months of the year. The visualization is rendered as an SVG using D3.js v7, with a light blue filled area and steel blue stroke. It loads CSV data from a GitHub Gist, maps the month names to a point scale on the x-axis, and uses a linear scale for temperature values. The chart includes labeled axes for month and temperature, and the `d3.area()` generator creates the filled path beneath the line.

Aa9.hemraj@gmail.com
69% match