veroalfaro

@veroalfaro·3 public vizzes

Untitled

This example uses the v3 data source to display a network of nodes connected by thin lines, with interactive highlighting that reveals each node's area and path on demand. The visualization is built with D3.js, relying on `d3.forceSimulation` for the layout and `d3.geoPath` to render the geographic paths associated with the nodes. The code includes an `index.html` file that loads necessary scripts, and hovering over a node triggers a display of its enlace and área details.

Apr 17, 2019

Loading thumbnail…

Untitled

A minimalist web page displays a single, large greeting message centered on a dark gray background with light gray text, using the Ubuntu font. The example demonstrates a basic D3.js setup by importing the `select` function to target an HTML element and set its text content. The page's styling comes entirely from a CSS file that defines the color scheme, layout, and typography. The code imports a local ES6 module to provide the displayed message string, and the entire visualization is a static text presentation rather than a dynamic or interactive graphic.

Apr 17, 2019

Loading thumbnail…

Hello VizHub

This example displays a single centered message, “Hello VizHub!”, styled with a large Ubuntu font on a dark background. It demonstrates the basic structure of a VizHub project, using D3’s `select` method to set the text content of a div element. The code imports the message string from a separate ES6 module, `myMessage.js`, and a CSS file defines the page’s styling. It is a minimal introduction to combining D3, HTML, and modular JavaScript within the VizHub environment.

Apr 17, 2019