NitheeshSama1

@NitheeshSama1·6 public vizzes

ICE5NitheeshSama

A page displays the metadata of a US cities dataset from a linked CSV file, showing its size in kilobytes, row count, and column count in a text element. A custom background SVG image is applied via CSS. The code loads the remote CSV with `d3.csv` and uses `d3.csvFormat` and `d3.csvFormat`’s length to compute the data size, rendering the summary into an HTML `<pre>` block using the Document Object Model.

Mar 4, 2023

Loading thumbnail…

Nitheesh_DV4_11550392

This visualization renders a stylized smiley face using React and D3.js, drawing shapes with SVG. The face is composed of a yellow circle for the head, black-stroked eyes with green pupils, and a brown ellipse nose, all positioned via coordinate offsets. A mouth arc is generated using D3's `arc` function with specified inner and outer radii and angle parameters. Additional black lines form eyebrows and hair-like features, with the entire composition centered and scaled to fit a 960 by 500 pixel canvas.

Feb 25, 2023

Loading thumbnail…

Fork of Fork of Fork of Nitheesh_DV4_11550392

This visualization displays a large yellow smiley face constructed entirely from SVG shapes, rendered through React components and D3’s arc generator. The face features asymmetrical eyes with colored pupils, multiple black eyebrow and hairline strokes, and a curved mouth path created via `d3.arc()` with specified inner and outer radii. The code uses ReactDOM to mount the SVG canvas, with all coordinates and dimensions hardcoded rather than data-driven, resulting in a static, hand-crafted facial composition.

Feb 25, 2023

Loading thumbnail…

Fork of Fork of Nitheesh_DV4_11550391

This visualization renders a large yellow smiley face using SVG elements composed in React. It draws circles for the face and eyes, with green pupils and brown ellipses for eyebrows, plus black lines for eyelashes, hair, and a mouth arc created using the d3.arc() API. The code uses React’s createElement through JSX to build the structure, and d3.v7 provides the arc generator. All coordinates are manually positioned relative to a central transform, with fixed numeric values for offsets, radii, and stroke widths.

Feb 25, 2023

Loading thumbnail…

Fork of Nitheesh_DV4_11550391

This example renders a stylized smiley face as a static SVG visualization built with React and D3. The face features a yellow circle with a thick black outline, two eyes with green pupils and brown highlights, eyebrows, and a mouth drawn using D3’s `arc()` generator. The code constructs the shape using SVG primitives like `circle`, `line`, `ellipse`, and `path` within a React component. All geometry is positioned relative to a central coordinate system, and the visualization does not include any interactive or animated behavior.

Feb 25, 2023

Loading thumbnail…

Nitheesh_DV4

This example draws a stylized smiley face using SVG primitives within a React component. It shows a yellow circular face with eyebrows, asymmetric eyes (white, black, and green pupils), and a curved mouth path, all centered in a fixed 960×500 viewport. The visualization uses d3.arc to compute the mouth’s shape, with ReactDOM rendering the SVG elements. Thick black strokes define facial features and limbs, while the code relies on d3.v7 and React 17, with no external data source.

Feb 25, 2023