Skip to main content
Log in
T

TeresaSerenoAfonso

@TeresaSerenoAfonso·5 public vizzes

Loading thumbnail…

Cars Report

This example demonstrates a minimal web page that renders a "Cars Report" title and displays a greeting message. It loads D3 via UNPKG and uses the `select` API from D3 to set the text content of a `div` element with the ID "message". The message text is imported from a local ES6 module, `myMessage.js`, which exports the string 'Hello VizHub!'. The page is styled with centered, large text via `styles.css`.

Jan 6, 2021
Loading thumbnail…

Let's make a face with D3.js!

D3.js draws a smiling face using basic SVG shapes, then animates the eyebrows through a continuous transform transition. The example demonstrates fundamental DOM manipulation with `select` and `append` to construct circles, rectangles, and paths from `d3.arc` for the nose and mouth. Eyebrows move via chained `transition().attr()` calls, illustrating timed attribute changes on SVG elements in a 960x500 viewport.

Jun 17, 2020
Loading thumbnail…

Let's make a face with D3.js!

This example uses D3.js to construct a simple, smiling face from basic SVG shapes. A yellow circle forms the head, black circles serve as eyes, and a D3 `arc()` generates a crescent-shaped mouth. Rectangles are positioned for eyebrows. The code showcases D3.js selection and appending of SVG elements, along with arc path generation via the `arc()` API, within a React framework.

Jun 17, 2020
Loading thumbnail…

React Starter

This example demonstrates a minimal React application that renders the text “Hello React!” on a web page. It uses the React and ReactDOM libraries to define a simple component and mount it to a DOM element with the ID "root". The component is created using a JavaScript function and JSX syntax, and the rendering is triggered through `ReactDOM.render`. The HTML page loads React production builds from unpkg and includes a stylesheet for message styling.

Jun 17, 2020
Loading thumbnail…

React Starter

This example demonstrates a minimal React application that renders the text “Hello React!” on a web page. It uses the React and ReactDOM libraries to define a simple component and mount it to a DOM element with the ID "root". The component is created using a JavaScript function and JSX syntax, and the rendering is triggered through `ReactDOM.render`. The HTML page loads React production builds from unpkg and includes a stylesheet for message styling.

Jun 17, 2020