How Stock-market Reacted to COVID-19

100%

How Stock-market Reacted to COVID-19

✓ Published1🌍 Public

Last edited Dec 6, 2020

Created on Dec 6, 2020

A yellow circle with eyes and a mouth represents a stylized face, likely a sun, reacting to the stock market's COVID-19 impact. The visualization uses D3 v6 to render SVG shapes, with the right eyebrow animating through a chained `transition().duration(2000)` sequence. The code constructs the face using `arc()` for the mouth and basic SVG elements like `circle` and `rect`. The source data or specific market movements are not shown in the provided files.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Make a face

A yellow circle with black outlines forms a face, featuring two eyes, eyebrows, and an arc-shaped mouth drawn in SVG. The eyebrows animate upward and downward in a repeating loop using D3 transitions. The visualization uses D3 v7 APIs including `select`, `arc`, and `transition` to construct the facial features relative to the center of an SVG canvas sized 960 by 500. All elements are positioned using SVG transform attributes.

陳陳泰元

71% match

Loading thumbnail…

Let's Make a Face

A yellow circle face with black outlines displays two eyes, eyebrows, and an arc-shaped mouth on an SVG canvas. The eyebrows animate vertically, moving down and back up over a sequence of transitions. Built with D3 v5, the visualization uses `select` and `arc` from the D3 module to construct the facial features, with `transition` and `duration` controlling the eyebrow movement. The code generates the mouth using an arc generator with specified inner and outer radii and angles.

BbeauMarko

71% match

Loading thumbnail…

Lets make a face with D3.js

A yellow SVG face is drawn with D3.js v5, featuring a circular head, two eyes, eyebrows, and a mouth created using `d3.arc`. The eyebrows animate vertically via `transition().duration()`, shifting downward over two seconds. The face is centered using an SVG group transform, with eye positions spaced by fixed pixel offsets. The code uses `select`, `arc`, and SVG shape elements like `circle`, `rect`, and `path`. Population data in `data.csv` is loaded but not rendered in the visualization.

RRonaldKaweesi

71% match

Loading thumbnail…

Let's make a face

A yellow circle with a black outline forms a face, featuring two black eyes and an arc-shaped mouth drawn using d3.arc. The animation uses D3 transitions to make the left eyebrow move up and down repeatedly, while the right eyebrow remains static. Built with D3 v6, the visualization manipulates SVG elements like circle, rect, and path, with all positioning centered via SVG coordinate transforms.

SSven Wanner

71% match

Loading thumbnail…

data viz project

A yellow smiley face on a black-outlined circle uses D3.js v5 to animate its eyebrows in a looping transition. The SVG face is centered via a translated group, with eyes placed using circles and eyebrows as rectangles. D3’s `transition` and `attr` methods move the eyebrow group up and down repeatedly, while the mouth is drawn with the `arc` generator using a half-circle path. The example demonstrates basic DOM manipulation and shape creation in D3, rendering entirely in SVG.

Nnawbx1

71% match

Loading thumbnail…

making a face

A yellow circle with black features forms a simple face, with two eyes and a mouth drawn using an SVG path. The eyebrows are animated rectangles that move down and back up over four seconds. The visualization uses D3 v6 selections to append SVG shapes and the `arc` generator from D3 to create the mouth path. The `transition` method handles the eyebrow animation, while the SVG coordinate system positions features around a central group.

Jjwu534@gmail.com

70% match

Loading thumbnail…

Let's make a face with D3.js!

A yellow circle face is drawn with D3.js, featuring two eyes, animated eyebrows, and a smile-shaped mouth rendered as an arc. The SVG is centered and built using D3 selections, with the mouth created via the `arc` generator. Eyebrows transition vertically using `transition().duration(2000)`, shifting their position over two seconds before settling. The example uses D3 v5 within a React framework, rendering all elements as SVG with animation.

SSunil Skanda

70% match

Loading thumbnail…

Make a face with the use of D3.js

A yellow SVG face with black-outlined features animates its eyebrows and mouth. D3.js v6 shapes the face using `arc()` for the smile and appended `circle` and `rect` elements for the eyes and brows. Chained `transition()` calls with a two-second duration repeatedly move the eyebrows upward and adjust the mouth’s inner and outer radii, creating a looping expression. The face is centered and scaled using the SVG’s dimensions in a React-based starter.

Ssimon0863

70% match