John O'Donoghue

@jdodonoghue·2 public vizzes

Bowl of Fruit

A bowl of fruit is represented as five apples generated from a static array of fruit types. The visualization uses D3 version 5 to select the SVG canvas and set its dimensions, then creates the fruit objects with a simple factory function. The code relies on D3's `select` and `range` utilities to build the data structure, though no visual rendering of the fruit is implemented. The SVG output is 960 by 500 pixels, with basic CSS resetting margins and hiding overflow.

Oct 4, 2018

Loading thumbnail…

Bowl of Fruit

This example displays the text “Hello VizHub!” in large, centered type against a dark background. The visualization is minimal, showing only a static message without user interaction or data rendering. It uses D3.js version 5, specifically the `select` function to target the `#message` div and set its text content. The page layout and styling are defined in CSS, using the Ubuntu font and a dark theme. The code is organized into ES6 modules, importing the message from a separate `myMessage.js` file and executing via a bundled script.

Oct 4, 2018