JessicaWachtel

## gist:b92783215d7ae5900b508799d893c458
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Wasm vs JS: The Showdown</title>
    <style>
        body { font-family: sans-serif; text-align: center; background: #f4f4f4; padding: 20px; }
        .race-box { background: white; padding: 20px; border-radius: 10px; margin: 20px auto; max-width: 800px; border: 1px solid #ddd; }
        .container { display: flex; justify-content: center; gap: 20px; }
        canvas { background: #eee; max-width: 45%; height: auto; border: 1px solid #999; }

## gist:c9511ac7517908f039938df10143bb88
wasm-pack build --target web

## gist:3e427f1207e1955370378e3edc08aa50
use wasm_bindgen::prelude::*;

// RACE 1: Light Task (Grayscale conversion)
#[wasm_bindgen]
pub fn apply_grayscale_wasm(pixels: &mut [u8]) {
    for i in (0..pixels.len()).step_by(4) {
        let r = pixels[i] as u32;
        let g = pixels[i + 1] as u32;
        let b = pixels[i + 2] as u32;
        let avg = ((r + g + b) / 3) as u8;

## gist:40d59b0b47dc822be1c63f01678cb943
[package]
name = "wasm-image-proc"
version = "0.1.0"
edition = "2021"

[lib]
crate-type = ["cdylib"]

[dependencies]
wasm-bindgen = "0.2"

## gist:6e8c76f6afd9adea3bcf0a6dce75e885
cd wasm-image-proc

## gist:fa064e0b6396f148b86cb150f4adc0e6
cargo new wasm-image-proc --lib

## gist:ecab16ac337e71b1c15edd7ed2961bcd
document.getElementById("summary-output").innerText = summary_text

## gist:45e9e91523fa3f01f323d2d0fd594fec
pyodide.runPython(`
import pandas as pd
from io import StringIO
from js import document

# Load CSV
df = pd.read_csv(StringIO(csv_text))

# Show first rows
document.getElementById("data-output").innerText = df.head().to_string()

## gist:3e76115db80e263f9db36ea3140e3268
pyodide.runPython(`
import pandas as pd
from io import StringIO
from js import document

# Load CSV
df = pd.read_csv(StringIO(csv_text))

# Show first rows
document.getElementById("data-output").innerText = df.head().to_string()

## gist:c744c11f8a3cc69dad87cb59e113f22f
pyodide.globals.set("csv_text", text);
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Wasm vs JS: The Showdown</title>
	<style>
	body { font-family: sans-serif; text-align: center; background: #f4f4f4; padding: 20px; }
	.race-box { background: white; padding: 20px; border-radius: 10px; margin: 20px auto; max-width: 800px; border: 1px solid #ddd; }
	.container { display: flex; justify-content: center; gap: 20px; }
	canvas { background: #eee; max-width: 45%; height: auto; border: 1px solid #999; }
	use wasm_bindgen::prelude::*;

	// RACE 1: Light Task (Grayscale conversion)
	#[wasm_bindgen]
	pub fn apply_grayscale_wasm(pixels: &mut [u8]) {
	for i in (0..pixels.len()).step_by(4) {
	let r = pixels[i] as u32;
	let g = pixels[i + 1] as u32;
	let b = pixels[i + 2] as u32;
	let avg = ((r + g + b) / 3) as u8;
	[package]
	name = "wasm-image-proc"
	version = "0.1.0"
	edition = "2021"

	[lib]
	crate-type = ["cdylib"]

	[dependencies]
	wasm-bindgen = "0.2"
	pyodide.runPython(`
	import pandas as pd
	from io import StringIO
	from js import document

	# Load CSV
	df = pd.read_csv(StringIO(csv_text))

	# Show first rows
	document.getElementById("data-output").innerText = df.head().to_string()