Skip to main content
SimilarExport ZIP
100%

ICE 7

✓ Published0🌍 Public
Kkakumanusreya
Last edited Mar 29, 2023
Created on Mar 29, 2023

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.

AI-generated description

combined line and area charts

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 7

This line chart displays crime rates over time, sourced from a CSV file loaded via d3.csv. The visualization uses d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for tick rendering, and d3.line with d3.curveBasis to draw the smoothed temperature-style path. The SVG rendering includes labeled axes and a title, with data points mapped through x and y scales. The dataset is fetched from a GitHub gist and parsed as numeric values for year and crime rate.

Kkakumanusreya
93% match
Loading thumbnail…

ICE 7

This visualization shows the crime rate over time as a smooth orange area chart, with red titles and purple axis labels. It uses D3 v5 to load CSV data from a GitHub gist, parse the year and crime rate values, and render an SVG. The chart employs `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and an `area` generator with `curveBasis` to create the filled line. Axis labels and a centered title are added manually, with tick marks extending across the plot for gridlines.

Kkakumanusreya
93% 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
85% match
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
85% match
Loading thumbnail…

Fork of ICE-7 Line Chart

This line chart displays crime indices across different countries, with each country plotted along the x-axis based on a date-converted value and crime index on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generators to render an SVG path with gridlines, axis labels, and a title. Data is loaded as CSV from a GitHub gist, parsed, and converted so country names become date objects, while crime indices are parsed as numbers. The chart is drawn with red strokes and styled via an external stylesheet.

NNikitha123171
84% match
Loading thumbnail…

ICE_7 Area_Chart

This area chart visualizes deaths in the USA from 2012 to 2022, using a smooth curve to show yearly trends. Built with D3 v5, it renders an SVG with a blue-filled area beneath a black line, using `scaleTime` and `scaleLinear` for axes. The chart includes grid lines, axis labels, and a legend-free design, with data loaded from a CSV via `d3.csv`. The `area` and `line` generators apply `curveBasis` for smoothing.

SShivaKarpe
81% match
Loading thumbnail…

ICE - 7 Line Chart

A line chart displays annual sales over time, with a single thick maroon line tracing the trend. The visualization uses D3 v5 to load CSV data via `d3.csv`, parse dates with `d3.timeParse`, and construct scales with `scaleTime` and `scaleLinear`. Axes are generated using `axisBottom` and `axisLeft`, while the line path is created with the `d3.line` generator. The SVG rendering includes labeled axes and gridlines, with data sourced from a GitHub gist.

Nnehabaddam
81% match
Loading thumbnail…

ICE 7 Area Chart

This area chart displays the number of accidents in the USA from 2010 to 2020, with the year on the x-axis and accident counts on the y-axis. Using D3 v5, the visualization draws both a yellow smoothed line and a green filled area beneath it via the `line` and `area` generators with `curveBasis`. The SVG chart includes labeled axes, red gridlines, and parses CSV data from a GitHub gist. The code employs `scaleLinear`, `scaleTime`, `axisLeft`, `axisBottom`, and `extent` to map the data.

BBVNPK001
81% match