Skip to main content
SimilarExport ZIP
100%

Assignment-2-Q2

✓ Published0🌍 Public
Gganjishivakumar276@gmail.com
Last edited Apr 12, 2024
Created on Apr 12, 2024
Forked from Q2

This area chart displays the total crime rate in the United States from 1960 to 2014, using a smooth curved line to highlight trends over time. The visualization loads data from a CSV file hosted on GitHub and uses D3 v6 APIs such as `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate the SVG rendering. The chart includes labeled axes with formatted tick marks, a title, and a filled steelblue area beneath the curve, with margins and styling applied via external CSS.

AI-generated description

Assignment-2 Area chart Question

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-7_Shanmukha_Area_Chart

This area chart displays the total crime rate in the United States from 1960 to 2014. The visualization uses a smoothed line to show the trend over time, with the area beneath the curve filled in steel blue. The chart is rendered as an SVG using D3.js v6, employing the `area`, `curveBasis`, `scaleTime`, and `scaleLinear` APIs. The data is loaded from a CSV file hosted on GitHub, with the year parsed as a date object for the time-based x-axis.

Sshanmukhadatta4040@gmail.com
83% match
Loading thumbnail…

ICE-7_Shnanmukha_LineChart

This line chart shows the total US crime rate from 1960 to 2014, with the year on the x-axis and the total crime rate on the y-axis. It uses d3.scaleTime and d3.scaleLinear for the axes, d3.line with curveBasis for the smoothed line, and d3.axisLeft and d3.axisBottom for the ticks. Data is loaded via d3.csv from a remote CSV file and rendered as an SVG with a steelblue path.

Sshanmukhadatta4040@gmail.com
80% match
Loading thumbnail…

Line Chart-project

This visualization shows violent crime rates per 100,000 people across U.S. states from 2000 to 2019, with each state represented as a colored line and dot. The chart uses d3.line and d3.scaleOrdinal to draw paths, while d3.legendColor from d3-legend renders a color legend. Hovering over dots reveals exact crime values and state names via SVG title elements. Data comes from the CORGIS dataset, processed with d3.csv and d3.group, and rendered as an SVG using D3 v7.

AArun
77% match
Loading thumbnail…

Fork of Area Death's

This visualization displays the Crime Index across different countries using an area chart, with countries on the x-axis and crime index values on the y-axis. The code uses D3 v5 APIs including `d3.scaleTime`, `d3.scaleLinear`, `d3.axisLeft`, `d3.axisBottom`, and `d3.area` with `curveBasis` to render the smooth filled path in SVG. Data is loaded from a CSV via `d3.csv` and converted from strings to numbers and dates. The chart includes labeled axes, grid lines, and a red title, with orange fill styling applied through CSS.

NNikitha123171
77% match
Loading thumbnail…

ICE 7

A combined line and area chart displays CrimeRate from 2010 to 2019, with the line emphasizing the trend and the area filling beneath it. The visualization uses D3 v5 with SVG rendering, employing `d3.line`, `d3.area`, and `curveBasis` for smooth interpolation, alongside `scaleLinear`, `axisBottom`, and `axisLeft`. The data is loaded via `d3.csv` from a GitHub gist, with the year and crime rate parsed as numeric values. Axis labels and gridlines are styled through CSS, and the chart is centered within a fixed-width SVG container.

Kkakumanusreya
76% match
Loading thumbnail…

Assignment 2

This example shows the number of US students in a university from 2000 to 2008, using a combined line and area chart to emphasize the trend over time. The chart is rendered as an SVG using D3 v5, with a black line tracing the data and a semi-transparent aqua fill beneath it. The code imports specific D3 components like `select`, `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, `line`, `area`, and `curveBasis` to build the visualization. Data is loaded from a CSV file hosted on GitHub, with year and student count parsed as numeric values for scaling and plotting.

VVenkataSatyaRamKamini@my.unt.edu
76% match
Loading thumbnail…

Fork of Line_Stroke_Death

This line chart displays the Crime Index for various countries using an orange, curved line. The visualization is built with D3 v5, using `scaleLinear`, `scaleTime`, and `line` with `curveBasis` to generate the path. Axes are rendered with `axisBottom` and `axisLeft`, and data is loaded via `csv` from a GitHub gist linked in the code. The chart includes labeled axes for Country and Crime_Index, with a title, and uses an SVG rendering approach within a fixed 960x500 viewport.

NNikitha123171
76% match
Loading thumbnail…

CSCE 5320 ASSIGNMENT 2 QUESTION 2

This area chart visualizes nuclear usage from 2010 to 2020, plotting year on the x-axis against quantity on the y-axis. The chart uses D3 v5's `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, `area`, and `curveBasis` APIs to render a smooth line with a filled area beneath it, styled with a green line and black fill. Data is loaded via D3's `csv` parser from an external gist, with dates parsed using `timeParse`. The SVG rendering includes custom tick styling and axis labels.

Ssriharshakondakindi@gmail.com
75% match