EagleV22

@EagleV22·5 public vizzes

Hello there

This example presents a static HTML page that displays two large, colored text elements. The page uses a hypertext markup language (HTML) structure with external Cascading Style Sheets (CSS) styling. The CSS styles the main heading and a paragraph, applying specific fonts, sizes, and colors. The page does not incorporate any JavaScript libraries, data visualization frameworks, or dynamic data sources, rendering only static text content without interactive features.

Dec 22, 2021

Loading thumbnail…

Untitled

This example presents a minimal HTML page with a title element. The page contains no data visualization, as the body of the document is empty aside from the title text. The code uses only standard HTML markup, with no JavaScript libraries, data sources, or rendering techniques present. It serves as a blank template for future visualization work.

Dec 22, 2021

Loading thumbnail…

Simple d3.js Bullet Chart Example v5

This example shows a bullet chart for comparing CPU load and memory usage against qualitative ranges and target markers. The visualization uses d3.bullet with SVG rendering, displaying colored range bands, a measure bar, and a marker line for each metric. The code loads data from a JSON file via d3.json and supports animated updates using the transition method with a randomize function when the Update button is clicked.

Sep 2, 2021

Loading thumbnail…

Favorite Tooltip (complex version) v5

This example shows a time-series line chart of stock closing prices with an interactive tooltip that follows the mouse. The visualization uses d3.csv to load the data and d3.line with d3.scaleTime and d3.scaleLinear to render the path, while a bisector and d3.mouse enable precise date lookup. A crosshair and text labels update on mousemove, displaying the exact close value and formatted date near a red circle marker. The SVG also includes dashed guide lines and axes generated with d3.axisBottom and d3.axisLeft.

Sep 2, 2021

Loading thumbnail…

Untitled

This visualization shows survey responses across six professional categories, with bars colored by five response levels ranging from "Not at all" to "Tremendously." Each category displays a cluster of bars for the different response rates. The chart uses d3.scale.ordinal for the x-axis, d3.scale.linear for the y-axis, and d3.svg.axis for the axes. Rectangles are animated into place using transition with random delays, and hover effects darken bar colors. A legend appears sequentially, and the y-axis fades in after the bars animate. The data comes from data.json.

Aug 23, 2021