Hari Prashath

@Hari-prashath2005·4 public vizzes

Fork of D3-1: Making a face

This example uses D3 v7 to construct a simple cartoon face from SVG primitives. A yellow circle forms the head, two blue circles become the eyes, a path drawn with the `d3.arc` function creates the mouth, and two rectangles serve as eyebrows. The eyebrows animate repeatedly via chained `transition().duration(2000).attr()` calls, moving them up and down over time. The code demonstrates core D3 operations like `select`, `append`, and `attr` to build and manipulate SVG elements directly.

Sep 21, 2023

Loading thumbnail…

Fork of HTML Starter

This example displays the text “Hello HTML!” in large purple letters centered on a plain white page. It shows how a static HTML page can combine CSS for styling and JavaScript for behavior, with the visual style defined through an inline `<style>` block that sets the font size, alignment, and background color. The page uses no external libraries or data sources, relying solely on basic HTML and CSS to render the message.

Sep 21, 2023

Loading thumbnail…

Fork of Assignment 2 2q

This interactive stacked bar chart visualizes the estimated 2010 religious breakdown of the 20 most populous countries, using data from the Pew Research Center. Hovering over bars reveals tooltips with precise values, while hovering over the legend highlights the bars for a specific religion, fading out the others. The visualization is built with D3.js, using its layout stack functionality for the stacked bar composition, d3-legend for the interactive color key, and d3-tip for the hover tooltips, rendered as an animated SVG.

Sep 21, 2023

Loading thumbnail…

Fork of HTML Starter

This example shows a centered "Hello HTML!" message rendered as large text on a blank page. The code uses basic HTML structure, a CSS class to set the font size and alignment, and no external libraries or JavaScript logic. The message is displayed statically with the text placed directly in a div element, relying entirely on the browser’s default rendering of HTML and CSS. No data sources or interactive features are present.

Sep 21, 2023