LCherryholmes

@LCherryholmes·3 public vizzes

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.

Feb 6, 2021

Loading thumbnail…

Hello VizHub

This visualization parses an XML mind map and displays its nodes as an interactive, force-directed graph. Purple circles represent unique nodes, while red-orange circles indicate cloned or shared references, with arrows illustrating parent-child relationships. The layout emerges from a physics simulation combining charge, link, and collision forces, all computed with `d3.forceSimulation`, `d3.forceManyBody`, `d3.forceLink`, and related force APIs. Users can click and drag nodes to explore the structure, and the scene supports zooming via a nested SVG group. The underlying data comes from `data.xml`, rendered as an SVG canvas.

Jun 24, 2019

Loading thumbnail…

World Countries Tree

This visualization displays the hierarchical relationship between continents, regions, and countries using a radial tree layout. The data is structured as a nested JSON object with the world as the root and geographic subdivisions as children. The example uses D3 v5 and renders an SVG, applying d3.tree and d3.hierarchy to compute the layout, with curved paths linking parent and child nodes. The clean, minimal design uses a teal stroke for connections and the Playfair Display serif font for labels, with text shadows improving readability.

Jun 24, 2019