Fork of ICE-6.js

100%

Fork of ICE-6.js

✓ Published0🌍 Public

Last edited Mar 23, 2023

Created on Mar 23, 2023

Forked from ICE-6.js

This bar chart, forked from ICE-6.js, visualizes the total reported COVID-19 deaths for ten countries, with the United States showing the highest count and South Korea the lowest. The visualization uses D3 v7 to map the categorical country names to a band scale on the y-axis and the continuous death counts to a linear scale on the x-axis, rendering the bars as SVG rectangles. The chart’s axes are generated using `d3.axisLeft` and `d3.axisBottom`, while the data is loaded from a local `data.csv` file and styled with cyan fills via CSS.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE-6

This visualization displays a horizontal bar chart of the top 10 countries with the highest COVID-19 death counts, with country names on the y-axis and death totals on the x-axis. The chart uses React for component structure and D3 v5 modules including `scaleLinear`, `scaleBand`, and `csv` for data loading, rendering as SVG rectangles. Data is sourced from a public CSV file fetched asynchronously, and the bars are styled with a uniform purple fill against a dashed-border title.

Vvegurusaiprathyusha

89% match

Loading thumbnail…

Fork of Fork of Fork of ICE-6 bar graph

A bar chart displays the total COVID-19 deaths for twelve countries, forming a ranked comparison of mortality. The visualization loads CSV data from a GitHub gist and renders horizontal bars using React and D3 v5. Code uses `d3.csv`, `scaleBand`, and `scaleLinear` to map country names and death counts to SVG rectangles. Axis ticks and gridlines are drawn manually with `line` and `text` elements, while the chart title appears in the HTML heading.

Cchandanagandla

88% match

Loading thumbnail…

ICE-6.js

This bar chart displays COVID-19 death counts by country, with a horizontal layout where each bar's length is proportional to the number of deaths. The visualization uses D3 v7’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map the CSV data to an SVG canvas. A margin-based coordinate system positions the axes and cyan-filled rectangles, while the data is loaded via `d3.csv` and rendered as a static, non-interactive graphic.

Jjayanthamol99

87% match

Loading thumbnail…

ICE -6 Bar Chart

This bar chart displays the total COVID-19 deaths for the top ten countries, sorted in descending order and colored with D3’s `schemeCategory10` palette. It uses an SVG rendered via D3 v7’s `scaleBand` for the x-axis and `scaleLinear` for the y-axis, with axes added by `d3.axisBottom` and `d3.axisLeft`. A manual legend maps each country’s name to its colored rectangle. The data is loaded from a CSV file using `d3.csv`.

MM Hema

86% match

Loading thumbnail…

Fork of ICE-7 Pie Chart

This pie chart displays the top 10 countries with the most COVID-19 deaths, using a legend to identify each country and its corresponding death count in thousands. The visualization loads CSV data from a GitHub gist via `d3.csv`, then builds the chart with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color encoding. SVG elements are rendered dynamically, with the chart centered on a 960x500 canvas and legends placed to the right. The code uses D3 v5 and imports specific modules from the library.

Aajaysonu

86% match

Loading thumbnail…

ICE-6

This bar chart displays COVID-19 deaths by country, ranking the top nations based on their reported death tolls. The visualization uses a horizontal bar layout with red rectangles, where the x-axis represents death counts and the y-axis lists country names. The code imports D3 v5 functions including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the chart, with custom tick formatting that converts large numbers into abbreviated values. The data is loaded via `d3.csv` from an empty URL, so the chart renders without actual data in its current state.

NNithish Kumar

85% match

Loading thumbnail…

Fork of ICE-6: Rendering Marks and Channels with React & D3

This visualization displays the top 20 countries by total COVID-19 deaths using horizontal red bars. It renders SVG marks with React state management, while D3 v5 scales (scaleBand, scaleLinear) and axes are computed in the render method. Data loads from a CSV via d3.csv, and the bars’ positions and lengths map country names and death counts through React’s useCallback and useEffect hooks.

99176371431

84% match

Loading thumbnail…

Fork of Fork of Fork of ICE - 7 Pie Chart

A pie chart visualizes the top 10 countries by COVID-19 deaths in 2020, with each slice labeled with the death count in thousands. The chart uses `d3.pie` to compute arc angles and `d3.arc` for path generation, colored via `scaleOrdinal`. A legend on the right lists countries with corresponding color swatches and death values. Data is fetched as CSV from a GitHub gist, and the SVG is rendered with D3 v5, using `select` and `append` for elements and `format` for tick labels.

NNaimisha-M

83% match