Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Web GUI example with D3 and Crossfilter2

Public visualization

Viewing a saved revision (read-only)

1798519b30b7429aa1613fd837c751b3

Web GUI example with D3 and Crossfilter2

1 star0🌍 Public
AAxVa 🐍 💪
Last edited Mar 1, 2024
Created on Feb 28, 2024

This interactive Web GUI, built with D3 and Crossfilter2, visualizes Nobel Prize winners through a coordinated multi-view dashboard. It loads data from `data/nobel_winners.json` and provides filtering by gender and country via dropdown menus, alongside a metric selector. The visualization uses crossfilter for efficient cross-filtering across linked components, which include a scrollable table of winners and a detailed information panel. The table supports hover highlighting and clicking to reveal a winner’s biography, portrait, and key facts, with D3 handling dynamic updates to the DOM and CSS-driven styling.

AI-generated description

Web GUI example with D3 and Crossfilter2

The resources cannot be loaded correctly because of a VizHub bug.

Visit https://github.com/ax-va/Interactive-Data-Visualization-Dale-2023