Varun Maliwal vmaliwal

## sol-lewitt-sketch-0.md

      
              8 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                vmaliwal
                / sol-lewitt-sketch-0.md
            
            
              Last active
              July 27, 2020 02:23
            
              
                Sol Lewitt's Square Art recreated in JavaScript
              
          
    export default function Sketch(p5) {
  p5.setup = () => {
    p5.createCanvas(300, 300);
    p5.noFill();
    p5.noLoop();
  };

  p5.draw = () => {
    p5.background(0);

  
## system_design_numbers_cheat_sheet.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                vmaliwal
                / system_design_numbers_cheat_sheet.md
            
            
              Last active
              August 30, 2023 17:43
                — forked from mwakaba2/system_design_numbers_cheat_sheet.md
            
              
                Updated easy to remember system design numbers for back-of-the-envelope calculations
              
          
    Easy to understand calulations - https://matthewdbill.medium.com/back-of-envelope-calculations-cheat-sheet-d6758d276b05
Updated, easy to remember numbers for back-of-the-envelope calculations in system design interviews

Powers of two table

Power    Approx Value (Bytes)       Bytes
-----------------------------------------
10                 1 thousand        1 KB
16 16 thousand 64 KB


## sketch.js
(() => {
  // get canvas by id
    // get canvas by id
  const canvas = document.querySelector("#myCanvas")

  // overriding default width & height
  canvas.width = 500
  canvas.height = 500

  // get 2d context of our canvas

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Super Simple Canvas</title>
    <script src="sketch.js"></script>
  </head>
  <body>
    <canvas id="myCanvas" height="500" width="500"></canvas>
  </body>

## 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
	(() => {
	// get canvas by id
	// get canvas by id
	const canvas = document.querySelector("#myCanvas")

	// overriding default width & height
	canvas.width = 500
	canvas.height = 500

	// get 2d context of our canvas
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Super Simple Canvas</title>
	<script src="sketch.js"></script>
	</head>
	<body>
	<canvas id="myCanvas" height="500" width="500"></canvas>
	</body>
	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console