Skip to main content
Log in
M

melonie-h

@melonie-h·3 public vizzes

Loading thumbnail…

Let's make a face

A smiling yellow face morphs as its eyebrows animate downward over two seconds, using SVG shapes drawn with D3 v5. The code selects the `<svg>` element, builds a circle for the head, adds eyes, and applies a `transition().duration(2000)` to the eyebrow group. It constructs the mouth with `d3.arc()` using specified inner and outer radii and angle ranges. The example demonstrates basic SVG rendering and animation within VizHub's D3 framework.

Apr 7, 2020
Loading thumbnail…

Cars Report

The Cars Report displays a text-based report of car listings, showing details such as year, make, model, and price. The visualization is rendered as plain text in an HTML page, using a large font size and centered layout. The report is generated dynamically by filtering cars based on a maximum price and formatting each entry with a custom `formatCar` function. The data is loaded from a local JSON array and processed with JavaScript; the code uses D3 v5 for potential data manipulation but relies primarily on standard DOM manipulation for output.

Apr 2, 2020
Loading thumbnail…

Cars Report

The Cars Report displays a text-based report of car listings, showing details such as year, make, model, and price. The visualization is rendered as plain text in an HTML page, using a large font size and centered layout. The report is generated dynamically by filtering cars based on a maximum price and formatting each entry with a custom `formatCar` function. The data is loaded from a local JSON array and processed with JavaScript; the code uses D3 v5 for potential data manipulation but relies primarily on standard DOM manipulation for output.

Mar 30, 2020