Rakeshkanth

@Rakeshkanth·3 public vizzes

Untitled

This example displays a full-screen, single-word message centered against a dark blue background using the Ubuntu typeface. The text is rendered at a very large font size, demonstrating basic styling and layout with CSS custom properties. The page loads D3.js and uses its `select` method to target a `<div>` element and inject a text string imported from a local module, showcasing modular code organization within VizHub. The rendering approach relies on standard DOM manipulation and CSS for visual output.

Jul 25, 2019

Loading thumbnail…

Cars Report

This example displays a text-based report of car listings, showing the model, make, year, and price for each vehicle in the dataset. It presents the data as a simple, readable message on the page. The code loads car data from a JSON string parsed with `JSON.parse`, fetches it asynchronously via a `getCars()` promise, and generates the report text using a `generateReport` function. The page updates the DOM element’s text content to display the final result.

Jul 25, 2019

Loading thumbnail…

Cars report

This example displays a simple text message, "Hello world," on a dark, styled webpage with the Ubuntu font. It loads a static list of car data from a JSON string but does not visualize the data itself. The implementation uses `document.getElementById` in `index.js` to set the text content of a `<pre>` element in `index.html`, with page styling from `styles.css` and a `message` variable exported from `myMessage.js`. The code includes a typo, `JSON.prase`, that would prevent the car data from parsing.

Jul 25, 2019