CSCS - Nobel Prize Winners - Bar Chart

100%

CSCS - Nobel Prize Winners - Bar Chart

✓ Published1🌍 Public

Last edited Oct 2, 2025

Created on Oct 2, 2025

Forked from Project 1 - Nobel Prize Winners - Bar Chart

This bar chart shows the total number of Nobel Prizes awarded in each category—Chemistry, Literature, Medicine, Peace, Physics, and Economics—based on historical laureate data from a CSV file. The visualization loads the dataset using `d3.csvParse` and renders the counts through an SVG bar chart built with D3 v7. Category counts are sorted descending and drawn as steelblue rectangles using `scaleBand` and `scaleLinear`, with axes generated by `axisBottom` and `axisLeft`. Hovering over a bar changes its fill to orange, and bars are labeled with rotated category names.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

assignment

This bar chart visualizes the number of Nobel Prizes awarded per category, using data parsed from a CSV file containing laureate information. The D3.js v7 code loads the data, counts prizes by category, and renders the results using `scaleBand` and `scaleLinear` for axes. Bars are colored steelblue and sorted in descending order by prize count. The SVG visualization includes rotated category labels on the x-axis, a title, and axis labels, with the underlying data rows also including year, prize share, and laureate details.

HHarshithaAru06

85% match

Loading thumbnail…

Interactive - Project 1 - Nobel Prize Winners - Bar Chart

A bar chart displays the number of Nobel Prizes awarded per category, ranking categories from most to least frequent. The visualization loads data from a CSV file, parses it with d3.csvParse, and renders an SVG bar chart using d3.scaleBand, d3.scaleLinear, d3.axisBottom, and d3.axisLeft. Bars are styled steelblue with a hover effect that changes fill to orange. The chart includes rotated x-axis labels, axis titles, and a bold title, all built with D3 v7 and Vue.

VVinayak Revankar

84% match

Loading thumbnail…

Project 1 - Nobel Prize Winners - Bar Chart

This example displays the number of Nobel Prizes awarded in each category as a bar chart, with bars ordered from most to least frequent. It loads data from a CSV file via `fetch` and parses it using `d3.csvParse`, then renders the chart with `scaleBand`, `scaleLinear`, `axisBottom`, and `axisLeft`. The bars are drawn as SVG rectangles with a hover effect, and the chart includes labeled axes and a title.

VVinayak Revankar

82% match

Loading thumbnail…

Week 6 - Phase 3 - Nobel Prize Winners - Line Chart

This line chart visualizes Nobel Prize winners per decade, grouped by category (Chemistry, Literature, Medicine, Peace, Physics, and Economics). The data comes from a CSV file containing laureate details from 1901 onward. The visualization uses d3.rollups to aggregate counts by decade and category, then renders smooth lines with d3.line() and monotone X curve interpolation, along with interactive points that display tooltips on hover. A legend allows users to toggle category visibility by clicking, which transitions line and point opacity using transition.attr().

VVinayak Revankar

78% match

Loading thumbnail…

Project 1 - Phase 2 - Nobel Prize Winners - Bar Chart

This interactive visualization presents Nobel Prize winners by category and birth country. A bar chart displays the total number of prizes per category, while a world map uses colored countries and proportional circles to show laureate distribution geographically. The code uses D3 v7 APIs including `scaleBand`, `scaleLinear`, `geoNaturalEarth1`, `geoPath`, and `scaleSqrt`. Data is loaded from a CSV file, with geographic boundaries from the world-atlas TopoJSON dataset. Both views are rendered as SVG, with a toggle between bar chart and map views.

VVinayak Revankar

78% match

Loading thumbnail…

Interactive Stacked Bar Chart for Nobel Prizes

The interactive stacked bar chart visualizes Nobel Prize counts by category across 10-year periods, using color coding to distinguish disciplines. Hovering a category in the color legend highlights its corresponding stack segments while fading others. Built with Vue and WebGL, it processes the Nobel dataset with `rollup` aggregation, `stack()` for stacking categories, and `scaleBand`/`scaleLinear` for axes. The `colorLegend` module manages interactive hover states, applying opacity and stroke effects via D3 selections.

VVinayak Revankar

76% match

Loading thumbnail…

Fork of D3 circle barchart

A circular barcode chart displays Nobel Prize winners from 1901 to 1905, grouped by year on the x-axis and ranked by category on the y-axis. Each winner appears as a colored circle, with colors mapping to five prize categories via the D3 `schemeCategory10` scale. The SVG visualization uses `d3.group` to nest winners by year and `d3.scaleBand` for positioning, with an interactive axis and legend built through D3’s data join methods. The code relies on D3 v7 and renders the dataset embedded in the script.

NNita

76% match

Loading thumbnail…

Project 1 - Phase 2 - Nobel Prize Winners - Line Chart

This visualization displays the number of Nobel Prize winners per decade, broken down by category, using a multi-line chart. Each line represents a category, with the x-axis showing the decade and the y-axis showing the count of laureates. The chart uses d3.rollups to aggregate the data from a CSV file and renders the lines with d3.line, while d3.scaleOrdinal assigns colors to categories. The data is loaded via fetch and parsed with d3.csvParse.

VVinayak Revankar

75% match