mhdpessanha

@mhdpessanha·2 public vizzes

Let's make a face with D3.js!

This example demonstrates building a smiling face with D3.js, where the eyebrows animate by moving up and down. The face is constructed using SVG shapes, including circles for the head and eyes, rectangles for the eyebrows, and a path for the mouth created with the `arc` generator. The code utilizes `transition().duration(2000)` to animate the eyebrows, shifting their containing group’s transform attribute. The visualization is rendered in an SVG canvas with a 960x500 viewport, using D3 v5.

Sep 17, 2019

Loading thumbnail…

Cars Report

This example demonstrates a text-based report of used cars, filtering the data to show only vehicles priced under $2,000. The page initially displays a loading message before the report appears as formatted lines, each listing the year, make, model, and price. The code uses JavaScript promises with `getCars` to simulate a delayed data fetch and modules like `formatCar` and `generateReport` to transform a JSON array. The interface relies on DOM manipulation via `getElementById` and `textContent`.

Sep 17, 2019