VicenteMolina

@VicenteMolina·4 public vizzes

Haciendo caritas

A large red circle is centered on a 960 by 500 SVG canvas, rendered by a React-based D3 v5 application. The code uses D3’s `select` and `append` methods to create the circle, setting its radius to 200 and its horizontal position to half the canvas width. The minimal setup includes an HTML page loading D3 from a CDN and a bundled JavaScript file, with CSS hiding overflow.

Jun 10, 2020

Loading thumbnail…

HTML Starter

This example displays the text "Hola HTML" prominently in the center of the page, using a large font size of 13em. The page is a bare minimum HTML document that includes a `<head>` section with a `<style>` block for centering the body text. It demonstrates a basic setup for an HTML page, containing only a `<!DOCTYPE html>` declaration, an `<html>` element, and a `<body>` with the static text. The styling is applied directly through the CSS `body` selector, and no JavaScript or external libraries are used.

Jun 10, 2020

Loading thumbnail…

Haciendo caritas

This example renders a single blank SVG canvas with D3 v5 loaded via a CDN script, and immediately logs the `d3` object to the browser console. The page imports `style.css` to remove default margins and hide overflow, but no data or visualization is drawn. The code demonstrates a minimal React-independent starter setup, using the SVG element as the rendering surface while relying on D3’s core library for any future charting functionality.

Jun 10, 2020

Loading thumbnail…

React asster

This React example displays the text "Hello React!" centered on a blank page in a 13-em font size. It uses the React and ReactDOM libraries via UMD production builds loaded from unpkg, and the application renders a single component to a root div. The code defines an App component using a functional syntax and calls React’s render method to inject the message into the HTML document, with styling provided by a CSS class in the head.

Jun 10, 2020