Akarsh Jain

@akarsh1995·3 public vizzes

Let's make a face with D3.js!

This bar chart displays the top 10 most populous countries, with population values read from a CSV file and rendered as steelblue rectangles. The visualization uses D3.js v5 to load the data, scale the x-axis linearly, and create the categorical y-axis. A horizontal axis label poses a question about a missing component, while a larger title describes the chart's intent. The SVG output is generated through D3's select, scaleLinear, scaleBand, axisLeft, and axisBottom functions.

Jun 15, 2020

Loading thumbnail…

Let's make a face with D3.js!

A yellow smiley face built with D3.js demonstrates basic DOM manipulation and animation. The code uses `d3.select` to target the SVG, appends circles and rectangles for the eyes and eyebrows, and constructs the mouth with the `d3.arc` generator. A chained `transition().duration(2000)` moves the eyebrow group up and down repeatedly, creating a bouncing effect. All shapes are drawn with SVG attributes like `cx`, `r`, and `x` without any external data source.

Jun 14, 2020

Loading thumbnail…

D3 js

This example renders a minimal HTML page using React, displaying the text “Hello HTML” in a large font size. The page is styled with CSS, centering the text and setting a font size of 13em. The code defines a basic React component structure, though the page itself contains no interactive data visualization or dynamic content beyond static text.

Jun 14, 2020