Rakshith0405

@Rakshith0405·3 public vizzes

Fork of Svg exercise

This example uses React and inline SVG to render a fixed composition: a red circle centered at (350, 350) with three black lines radiating outward, a navy-bordered rectangle spanning the left region, and the italicized red text "Titan" positioned to the right. The SVG elements are styled using a CSS class defined in the page’s `<style>` block, which sets the text’s font size, fill, stroke, and stroke width. The code directly declares SVG shapes (`circle`, `line`, `rect`, `text`) with explicit coordinate attributes, demonstrating a static vector graphic created without external libraries or data binding.

Jul 2, 2023

Loading thumbnail…

Svg exercise

This example demonstrates hand-drawn SVG shapes: a red circle with three lines radiating from its center, representing a simple graph or compass, overlaid with the italicized word "Titan" in large red text with a black outline. The composition is enclosed by a navy rectangular border. The code uses raw SVG elements—`circle`, `line`, `rect`, and `text`—styled via a CSS class to achieve the visual effect. All rendering is declarative, with coordinates and styling set directly in the markup and stylesheet.

Jul 2, 2023

Loading thumbnail…

Fork of D3 Starter

This example demonstrates the simplest possible D3 setup: a web page that displays the text “Hello D3 version 7” in the center of the viewport using a 13em font size. The page loads D3 v7 from a CDN and then runs a separate `bundle.js` file. The core code uses `d3.select('body').text(...)` to select the body element and set its text content, showcasing how to import named functions like `select` from the D3 library in a modular JavaScript file.

Jul 2, 2023