Malik Koné

@maliky·3 public vizzes

C'est comment

A single-page visualization displays the French phrase “C’est comment” in large, centered white text on a dark gray background using the Ubuntu typeface. The page shows only the text “what?” as its message, rendered via D3.js v5’s `select` function to set the content of a `div` element. The styling is defined in an external CSS file, with the text message imported from a separate ES6 module.

Nov 2, 2018

Loading thumbnail…

Hello VizHub

This example displays the text “Hello VizHub!” in large, light-colored lettering centered on a dark gray background. The page is built with an HTML structure that loads D3 v5 and a separate CSS file for styling and the Ubuntu font. The core behavior comes from a JavaScript module that imports the `select` function from D3 and a local `message` string, then uses `select('#message').text(message)` to set the div’s content. The design combines a simple DOM manipulation with external styling and a custom ES6 module for the message.

Nov 2, 2018

Loading thumbnail…

Hello VizHub

This example displays the text "Hello VizHub!" prominently in the center of a dark, high-contrast webpage. The visualization uses D3.js (v5) to select the HTML element with the ID `message` and set its text content via the `select` function. The message originates from a separate ES6 module named `myMessage.js`, which exports a constant string. Styling is applied through an external CSS file that imports the Ubuntu font from Google Fonts, sets a large font size, and defines the page’s background and text colors.

Nov 2, 2018