FarhodXoliyarov

@FarhodXoliyarov·4 public vizzes

Fork of Let's make a face with d3.js

A cheerful yellow face is drawn in SVG and animated with D3.js v7. The face features a circular head, two eyes, and rectangular eyebrows that move up and down over two seconds. The mouth is rendered as an arc path using the `arc()` method, which defines its inner and outer radii and angular range. The code uses `select` to target the SVG element, `append` to build the grouped shapes, and `transition().duration()` to animate the eyebrow group’s transform, demonstrating basic D3 animation and SVG construction.

Oct 13, 2022

Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how VizHub loads D3 from a CDN and uses ES6 modules to compose a simple text display. It imports the `select` function from D3 v5 and a local `message` string from `myMessage.js`, then sets the text content of the `#message` div with `select('#message').text(message)`. The page includes a linked `styles.css` file that centers the text and sets its font size to 12em. The visualization is minimal, showing only the integration of external libraries, local modules, and styling.

Oct 13, 2022

Loading thumbnail…

one work d3js

This example shows a smiling face built from SVG primitives—a yellow circle with black stroke, two eyes, eyebrows, and an arc-based mouth—centered on a blue background. The eyebrows animate upward and back down using chained `transition().duration()` calls, creating a brief surprised expression. The code uses D3 v5 selections (`d3.select`) and the `d3.arc` shape generator to construct the mouth, with SVG attributes set for positioning and styling. No external data source is used; all elements are hardcoded.

Oct 6, 2022

Loading thumbnail…

Fork of Fork of d3js

A yellow circle face with eyes, eyebrows, and a mouth rendered in SVG animates as the eyebrows move upward and then back down. Built with d3.js v5, the example uses `select` and `arc` to construct the facial features, while `transition().duration()` drives the eyebrow motion. The SVG canvas is 960 by 500 pixels, with elements positioned via transform attributes and styled through a linked CSS file.

Oct 6, 2022