Module2 exercise

100%

Module2 exercise

✓ Published0🌍 Public

Last edited Mar 31, 2015

Created on Mar 31, 2015

The visualization shows changes in NYC’s school-age and 65+ populations from 1960 to 1980, using paired horizontal bars per decade to display percentages. The bars are drawn as raw SVG elements with hardcoded coordinates and sizes, and styled with colors like orange and navy. The code loads the CSV data via `d3.csv` and logs it to the console, but does not use the loaded data to generate the chart; all visual values are manually specified in the markup.

AI-generated description

Similar vizzes

Loading thumbnail…

Module2 exercise

PPaperpanic

100% match

Loading thumbnail…

Horizontal Bar chart

This horizontal bar chart displays the projected 2020 population percentages for school-age children and seniors across New York City boroughs, with white bars on a dark blue background and hover tooltips showing detailed age-group and borough information. The data is loaded from a CSV file using `d3.csv` and sorted in descending order by the `TwentyTwentyPercentPopulation` field. Each rectangle’s width is scaled by that percentage multiplied by 41, with vertical positioning determined by index and fixed 50-pixel spacing. The visualization uses D3 v3’s SVG rendering.

PPaperpanic

79% match

Loading thumbnail…

Gist c2941bd5dea0fa130792

This chart shows the projected and historical population of school-age children (5–17) and seniors (65+) across New York City’s five boroughs from 1960 to 2040, with each age group’s share of the total population tracked over time. Using D3.js, the visualization renders multiple small-multiple line charts per borough, with the x-axis representing decades and the y-axis showing percentage of total population. The code draws paths for each series, colors the lines by age group, and adds labels and axes via SVG elements. Data comes from a comma-separated values table embedded in the gist, and the rendering relies on D3’s scales, line generators, and text utilities.

PPaperpanic

78% match

Loading thumbnail…

Module 2 Exercise

The visualization shows a static decorative layout of four overlapping SVG circles in yellow, red, blue, and pink, positioned across the canvas without binding to the data. The page loads a CSV of sugar consumption by country, parses it into an array of JSON objects, and logs the data to the browser console for verification. No chart is drawn from the data; the circles are purely presentational, and the visualization’s interactive or encoding potential remains unexplored in this exercise.

FFranny711

75% match

Loading thumbnail…

MODULE1: Data Selection

The visualization tracks New York City’s annual water consumption from 1979 to 2009, contrasting total daily use in million gallons with per-capita gallons. It shows a clear downward trend in both metrics over three decades. The code uses D3.js with `d3.csv` to parse the gist-sourced CSV, then renders a dual-line chart via SVG paths and scales (`d3.scaleLinear`, `d3.line`). Hovering triggers a tooltip with `d3.mouse` and `transition.attrTween` for smooth updates, while axes are generated with `d3.axisBottom` and `d3.axisLeft`. The raw data is loaded directly from the linked `Water_Consumption_In_The_New_York_City.csv` file.

JJournathan

74% match

Loading thumbnail…

Gist 917e46d841c7360e5e58

This chart compares the projected populations of New Yorkers of school age and those aged 65 and older from 1960 to 2040. It uses two streamgraphs or overlapping area charts to show the changing demographic balance over time, with the senior population rising to surpass the school-age population around the late 2020s. The visualization is built with D3.js, likely using stacked area geometry through `d3.area` or `d3.curve` and axis components from `d3.axis`. The data originates from a Gist by Paperpanic, rendering a timeline of population projections.

PPaperpanic

74% match

Loading thumbnail…

Module2 exercise

This example presents a static SVG graphic titled "THE LAW" with a large orange star at its center, framed by horizontal dark grey lines. The page loads a CSV file containing felony offense and arrest statistics from 2000 to 2011 using `d3.csv` in D3 v3, logging the parsed data to the browser console. The visualization itself does not render the data, instead serving as a fixed decorative composition with star polygons and text, set against a dark grey background.

PPaperpanic

74% match

Loading thumbnail…

CSE 332 Lab 2

This interactive scatterplot visualizes demographic and health data for New York zip codes, plotting variables such as population, income, and COVID-19 hospitalization rates. Users can select different quantitative or categorical columns for the x and y axes via dropdown menus, with transitions animating circle positions over one second. The visualization is built with D3 v6, using `scaleLinear` and `scalePoint` for axes, `transition` for smooth updates, and SVG circles with opacity. Data is loaded from a local CSV file using `d3.csv`, with interactive menus implemented through a custom `menu` module.

Aadriana-ss

73% match