Ic1200010

@Ic1200010·7 public vizzes

DATA COVID 27 MAY 2021

The visualization is a horizontal bar chart comparing the population counts of 11 countries that received the Pfizer/BioNTech vaccine as of 27 May 2021. It displays each country’s population value as a blue bar, with the chart titled in Greek. The data is loaded from a CSV file using `d3.csv` and rendered as SVG. The chart uses `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical y-axis, and `d3.axisBottom` and `d3.axisLeft` to generate tick marks and labels, with a custom tick formatter for compact number notation.

May 30, 2021

Loading thumbnail…

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

This example builds a stylized yellow face from primitive SVG shapes—circles, rectangles, and an arc—using D3.js methods like `select`, `append`, and `attr`. The face is centered via a D3 selection transform, and its eyebrows animate vertically through chained transitions, first lowering and then returning to their original position. The arc for the mouth is generated with the D3 `arc` helper, while all shapes are drawn in an SVG container. Data is minimal, with hardcoded dimensions controlling eye spacing, radius, and eyebrow offsets.

May 30, 2021

Loading thumbnail…

Covid - 19

This visualization displays the total number of Pfizer/BioNTech vaccinations administered in 11 countries as of May 27, 2021, using a horizontal bar chart rendered with SVG. The chart uses d3.scaleLinear for the x-axis, d3.scaleBand for the categorical y-axis, and d3.axisLeft and d3.axisBottom for the axes. Data is loaded from a local CSV file with d3.csv, and the bars are colored with a fixed steelblue fill via CSS. The code imports D3 modules directly and appends rectangles to the SVG container.

May 30, 2021

Loading thumbnail…

Fork of Fork of ANNA BENTI

This example displays the text “Hello HTML” and logs “Hello JavaScript!” to the browser console. It uses an inline `<style>` block to set the body’s font size to 13em and center the text. The page defines a minimal HTML structure with a script tag containing a `console.log` call. The code relies on vanilla HTML, CSS, and JavaScript, with no external libraries or frameworks, serving as a simple starter template for web development.

May 30, 2021

Loading thumbnail…

Fork of ANNA BENTI

This example displays the text "Hello HTML" centered on the page at a font size of 13em. It is a minimal demonstration of embedding JavaScript within an HTML document, using the Console API to output the message "Hello JavaScript!" to the browser's developer tools. The rendering relies solely on standard CSS for styling and the browser's built-in JavaScript engine, without any external libraries or data sources. It represents the simplest possible interactive web page structure.

May 30, 2021

Loading thumbnail…

Fork of AM

This example renders a minimal HTML page that displays the text “Hello HTML” in large, centered type. It pairs a small embedded JavaScript snippet that logs “Hello JavaScript!” to the browser’s developer console. The page uses plain CSS for styling and vanilla JavaScript for the console output, with no external libraries or data sources.

May 30, 2021

Loading thumbnail…

AM

This example displays the text “Hello HTML” in a large 13em font, centered on the page, using inline CSS for styling. It also logs “Hello JavaScript!” to the browser console via a script tag, demonstrating basic DOM manipulation and console output. The visualization uses plain HTML, CSS, and vanilla JavaScript, with no external libraries or frameworks despite being tagged with React. The data source is hardcoded string literals.

May 30, 2021