Skip to main content
SimilarExport ZIP
100%

Ice-6 of Deepak Reddy Punuru (BAR GRAPH)

✓ Published1🌍 Public
Ddeepakvowel@gmail.com
Last edited Oct 20, 2025
Created on Oct 19, 2025
Forked from Simple Bar Chart

This bar chart shows the number of scientists by country, using a dataset that lists each scientist's field and major discovery. The chart is built with D3 v7 and rendered as an SVG. It uses `d3.rollups` to count occurrences per country, then `scaleBand` and `scaleLinear` to map the data to bar positions and heights. The visualization includes labeled axes, a title, and a legend, and is centered on a light blue background with a custom margin and styling.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Ice-6 of Deepak Reddy Punuru ( Multi-Series Chart )

This multi-series chart compares student performance across three subjects: Math (shown as green bars), Science (orange line), and English (blue line). The D3.js visualization loads data from a CSV file and uses the `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the continuous y-axis. It renders bars with `svg.append('rect')` and lines using `d3.line()` paths, within an SVG canvas. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`, while a legend and labels clarify the series.

Ddeepakvowel@gmail.com
78% match
Loading thumbnail…

Ice-6 of Deepak Reddy Punuru (Scatter Plot)

This scatter plot shows the relationship between math and science scores for five students, with each point colored tomato red and positioned according to its two academic metrics. The chart renders as an SVG centered on a light teal background, using D3 v7’s scaleLinear for axes and d3.axisBottom/axisLeft to draw the coordinate grid. Data is loaded from a local CSV file (studentscores.csv) and parsed with d3.csv, then bound to circle elements via data joins. Axes and labels use green and dark gray fills, while a small legend identifies the single series.

Ddeepakvowel@gmail.com
75% match
Loading thumbnail…

ICE-6

This horizontal bar chart visualizes the top 20 countries by population, with red bars extending from a shared baseline. The visualization uses React to manage state and D3 v5’s `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Data is loaded asynchronously via `d3.csv` from a GitHub gist. Gridlines and tick labels are manually rendered as SVG elements using D3’s `ticks()` method, with the chart displayed within an SVG container on an HTML page.

Ssri7harsha
73% match
Loading thumbnail…

Ice 6 bar

A bar chart visualizes population counts for a list of cities, with each bar's height proportional to its population value. The chart uses an SVG renderer with D3 v7 to load CSV data, construct linear and band scales, and draw grid lines, axes, and labeled tooltips via appended `title` elements. Axis ticks are filtered to show every tenth city, and city labels are rotated for readability.

HHarshithaDontha@my.unt.edu
72% match
Loading thumbnail…

ICE-6

This bar chart displays the magnitudes of earthquakes across different states in India, ranking the first 50 records from a CSV dataset. The visualization uses React for component structure and D3 v5 scales and SVG rendering to map state names to a y-axis band scale and magnitude values to an x-axis linear scale. Blue gridlines and labeled axes help compare the relative severity of seismic activity across regions, with data loaded asynchronously via D3’s `csv` function and rendered as horizontal rectangles.

Aav.dj.2000@gmail.com
72% match
Loading thumbnail…

Deepika ICE-6 Submission

This visualization shows a horizontal bar chart of internet user percentages across 15 countries, with the United States leading at over 75% and Pakistan at the lowest around 30%. The bars are ordered by percentage, with each country’s rank displayed via a tooltip on hover. Built with D3 v7, it uses `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` for gridlines. The chart loads data from a CSV file and renders as SVG, with bars colored in a solid red-orange.

DDeepikaGoud08
71% match
Loading thumbnail…

ICE-6 Bar Graph

This example shows the Olympic medal count for the top 12 countries as a horizontal bar graph, with red gridlines along the x-axis and country labels on the y-axis. The visualization loads data from a CSV file and renders the bars as SVG rectangles sized by each country’s total medal count. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and `csv` for data loading, with `select` and `axisLeft`/`axisBottom` available but not applied directly.

RRamya19-hub
71% match
Loading thumbnail…

Ice-6

This visualization presents a bar chart showing the number of Spotify artists per country from the `SpotifyTopArtists.csv` dataset. It displays the ranked distribution of artists across nations, with country names on the x-axis and artist counts on the y-axis. The chart is built using D3.js v7, with the SVG-based rendering. Data is loaded asynchronously via `d3.csv()`, aggregated with `d3.rollups()`, and mapped to visual elements using `d3.scaleBand()` for the categorical axis and `d3.scaleLinear()` for the count axis.

GGorantla Sravani
70% match