Skip to main content
100%

This is my new title

✓ Published0🌍 Public
Aadilyalcin
Last edited Apr 12, 2016
Created on Apr 12, 2016

This visualization presents a hierarchical browser for restaurant inspection data, organized into collapsible summary panels for Center, Country/Area, Project Area, State, District, and District Decision, with Inspection End Date on a time scale. It uses the KSHF configuration library to load data from a Google Spreadsheet via its gdocId, mapping table rows into interactive summaries. The layout employs d3.forceSimulation for node positioning and d3.geoPath for rendering geographic boundaries, with panel-specific label widths controlling the spatial arrangement. The tool allows users to explore inspection records by filtering through categorical and temporal dimensions.

AI-generated description

Similar vizzes

Loading thumbnail…

Untitled

This visualization presents a multi-panel interface for exploring geospatial and mapping data. A sidebar on the left lists map layers, while the central viewport is divided into sections for a large map display, a grid of detail panels, and a document viewer with form and template areas. The right sidebar shows variable controls. The layout is constructed entirely with HTML and CSS absolute positioning, using styled divs with color-coded backgrounds to structure the interface, but no interactive data is rendered.

LLCherryholmes
68% match
Loading thumbnail…

2017 Data Visualization Professionals Survey

This interactive dashboard presents survey results from 2017 data visualization professionals, showing responses to questions about experience, tools, demographics, and workplace roles. The visualization uses a multi-panel layout with collapsible summary sections for each question, displaying aggregated responses as horizontal bar charts. Data is loaded from a Google Spreadsheet via the kshf_config JSON configuration, which defines the survey questions and their panel assignments. The interface allows users to explore categorical responses such as gender, ethnicity, chart types used, and organizational roles, with some panels collapsed by default to manage the dense information. The visualization is built with a custom configuration-driven approach rather than a standard charting library, relying on the kshf framework to parse and render the survey data.

Aadilyalcin
67% match
Loading thumbnail…

Working Title

An interactive four-panel dashboard visualizes CDC ILINet flu surveillance data, displaying annual trends of patient visits, a choropleth map of state-level averages, a bar chart of the top states, and state-specific yearly curves. Built with React and D3 v5, it uses `d3.scaleBand`, `d3.scaleLinear`, `d3.geoPath`, and `d3.curveCardinal` for rendering. Brushing and clicking allow selection and highlighting across linked panels with synchronized transitions and tooltips.

Aanonymous5776
67% match
Loading thumbnail…

D3KarimPOC

This example shows a hierarchical dataset of global regions and countries, organized as a tree structure with the root labeled "Amusement & Recreational Venue." It renders an SVG dendrogram using D3's `tree()` and `hierarchy()` layouts, with `linkHorizontal()` generating curved connector paths. The visualization supports pan and zoom via `d3.zoom`, and node labels display at varying font sizes based on depth. Data comes from `data.json`, and text styling uses the Playfair Display font.

Bbaperondard
66% match
Loading thumbnail…

Untitled

This example displays a hierarchical dataset as an interactive dendrogram or tree, allowing toggling between the two layouts via radio buttons. The visualization is built with D3 v4’s `d3.tree()` and `d3.cluster()` layout algorithms, animated with `d3.transition()` for smooth morphing of node positions and link paths. Data comes from `treedata.csv` containing a hierarchical structure with leaf values. The SVG rendering uses colored circles for internal and leaf nodes, with text labels and cubic Bézier diagonal links, all within a React framework.

Rrca0214
66% match
Loading thumbnail…

Untitled

A dropdown menu selects a region, and a stacked bar chart animates to show the distribution of Furniture, Office Supplies, and Technology sales across cities. Each bar is segmented by category, with city names on the x-axis and total sales scaled on the y-axis. A checkbox toggles the sorting of bars by city name or by the derived segment total. The chart uses d3.csv to load the Superstore data, d3.stack for layering, d3.scaleBand and d3.scaleLinear for scales, and d3.transition to animate updates. SVG rendering with React centers the visualization.

SSarahKiyani
66% match
Loading thumbnail…

D3 v5 Zoomable Sunburst

A zoomable sunburst visualization displays hierarchical data with a fictional dataset of restaurant categories across six North American cities. Users click arcs to zoom and transition between hierarchy levels, with smooth 750ms animated rotations and resizing. The example uses D3 v5’s `d3.hierarchy`, `d3.partition`, and `d3.arc` to compute the layout, with `transition.attrTween` handling the interpolation between view states. Labels and arc opacity dynamically adjust based on visibility. Data is loaded from the `@observablehq/flare` module via the Observable standard library in vanilla JavaScript.

RRashid Iqbal
66% match
Loading thumbnail…

Fork of HTML Starter

This circular packing chart visualizes Airbnb NYC listings, hierarchically nested by borough, neighborhood, and room type. The code uses d3.hierarchy, d3.pack, and d3.scaleOrdinal with d3.schemeSet3 to structure and color the data from AB_NYC_2019.csv. Interactive zooming via d3.transition and interpolateZoom allows navigation through the nested circles, while hover tooltips display the full path and listing count. Labels fade in and out during zoom transitions, and a legend identifies the three hierarchical levels.

Mmyselfganesh433@gmail.com
65% match