Naveen Bharathi naveen-bharathi

Full-stack Developer

naveen-bharathi / line-draw.html

Created April 2, 2024 04:18 — forked from crutchcorn/line-draw.html

The code for this: https://twitter.com/crutchcorn/status/1774695605455224871

	<html lang="en">
	<head>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width"/>
	</head>
	<body style="height: 300vh">
	<svg style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);"
	width="655" height="209" viewBox="0 0 655 209" fill="none" xmlns="http://www.w3.org/2000/svg">
	<path d="M653 207V62C653 28.8629 626.228 2 593.091 2C519.318 2 391.639 2 292.675 2C270.583 2 252.717 19.9124 252.717 42.0038C252.717 63.5378 252.717 81.7221 252.717 81.7221C252.717 81.7221 252.717 81.7221 252.717 81.7221V167C252.717 189.091 234.808 207 212.717 207H2"
	stroke="#EAECF0" stroke-width="4" stroke-linecap="round"/>

naveen-bharathi / DOM3D.js

Created March 27, 2024 13:33 — forked from OrionReed/dom3d.js

3D DOM viewer, copy-paste this into your console to visualise the DOM topographically.

	// 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks.
	// You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/)
	(() => {
	const SHOW_SIDES = false; // color sides of DOM nodes?
	const COLOR_SURFACE = true; // color tops of DOM nodes?
	const COLOR_RANDOM = false; // randomise color?
	const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com)
	const MAX_ROTATION = 180; // set to 360 to rotate all the way round
	const THICKNESS = 20; // thickness of layers
	const DISTANCE = 10000; // ¯\\_(ツ)_/¯