Products
Features
YouTube Video Summarizer
Summarize YouTube videos
Web & PDF Highlighter
Highlight web pages & PDFs
Chat with PDF
Ask any PDF questions with AI
Ask AI Clone
Chat with your highlights & memories
Audio Transcriber
Transcribe audio files to text
Glasp Reader
Read and highlight articles
Kindle Highlight Export
Export your Kindle highlights
Idea Hatch
Hatch ideas from your highlights
Integrations
Obsidian Plugin
Notion Integration
Pocket Integration
Instapaper Integration
Medium Integration
Readwise Integration
Snipd Integration
Hypothesis Integration
Apps & Extensions
Chrome Extension
Safari Extension
Edge Add-ons
Firefox Add-ons
iOS App
Android App
Discover
Discover
Ideas
Discover new ideas and insights
Articles
Curated articles and insights
Books
Book recommendations by great minds
Posts
Essays and notes from readers
Quotes
Inspiring quotes collection
Videos
Curated videos and summaries
Explore Glasp
Glasp Newsletter
Weekly insights and updates
Glasp Talk
Interview series with great minds
Glasp Blog
Latest news and articles
Glasp Use Cases
Learn how others use Glasp
Build & Support
Glasp API
Access Glasp's API for developers
MCP Connector
Connect Glasp to Claude & ChatGPT
Community
Glasp Reddit Community
Students
Student discount and benefits
FAQs
Frequently Asked Questions
AboutPricing
DashboardLog inSign up

Coding Challenge #61: Fractal Spirograph

76.7K views
•
February 28, 2017
by
The Coding Train
YouTube video player
Coding Challenge #61: Fractal Spirograph

TL;DR

In this coding challenge, Dan Shiffman attempts to create a fractal spirograph pattern using nested circles orbiting each other.

Transcript

hello welcome to a coding challenge fractal spirograph day today here on the coding Train choo Cho all that sort of stuff so what you're about to watch is really awkward and a little bit odd it's going to have some awkward edits in it I had several long stretches where I got sort of stuck on a debugging problem if you're interested in that longer d... Read More

Key Insights

  • ⭕ The fractal spirograph pattern is created by nesting circles and having the smallest circle trace out a pattern.
  • 🧘 Trigonometry can be used to position the circles based on their radii and angles.
  • 🏪 The PVector data structure can be used to store the path traced by the smallest circle.
  • 🪹 The level of detail in the pattern can be adjusted by changing the resolution and the number of nested circles.

Install to Summarize YouTube Videos and Get Transcripts

Explore YouTube Video Summarizer or Get YouTube Transcript Extractor

Questions & Answers

Q: What is the purpose of the coding challenge?

The purpose of the challenge is to create a fractal spirograph pattern using nested circles and explore different design possibilities.

Q: How does Shiffman position the circles?

Shiffman positions the circles using trignometric functions to calculate the X and Y coordinates based on the radius and angle.

Q: Why does Shiffman use the PVector data structure?

Shiffman uses the PVector data structure to store the points that make up the path traced by the smallest circle.

Q: How does Shiffman represent the nested circles?

Shiffman represents the nested circles using an object-oriented approach, with each circle being an instance of the Orbit class.

Summary & Key Takeaways

  • Dan Shiffman introduces the coding challenge of creating a fractal spirograph pattern using nested circles.

  • He explains the concept of nested circles orbiting each other, with the smallest circle tracing out a pattern.

  • Shiffman demonstrates how to use trignometry to position the circles, and how to create a path to trace their movement.


Read in Other Languages (beta)

English

Share This Summary 📚

Summarize YouTube Videos and Get Video Transcripts with 1-Click

Download browser extensions on:

Try YouTube Summary with ChatGPT & Claude or YouTube Transcript Generator

Explore More Summaries from The Coding Train 📚

2.2 Geolocation Web API - Working with Data and APIs in JavaScript thumbnail
2.2 Geolocation Web API - Working with Data and APIs in JavaScript
The Coding Train
Live Stream #135: May 4th Challenge + TensorFlow.js Continued thumbnail
Live Stream #135: May 4th Challenge + TensorFlow.js Continued
The Coding Train
10.13: Neural Networks: Feedforward Algorithm Part 2 - The Nature of Code thumbnail
10.13: Neural Networks: Feedforward Algorithm Part 2 - The Nature of Code
The Coding Train
5.1: Introduction to Box2D - The Nature of Code thumbnail
5.1: Introduction to Box2D - The Nature of Code
The Coding Train
Coding Challenge #10.1: Maze Generator with p5.js - Part 1 thumbnail
Coding Challenge #10.1: Maze Generator with p5.js - Part 1
The Coding Train
ml5.js: KNN Classification Part 2 thumbnail
ml5.js: KNN Classification Part 2
The Coding Train

Summarize YouTube Videos and Get Video Transcripts with 1-Click

Download browser extensions on:

Try YouTube Summary with ChatGPT & Claude or YouTube Transcript Generator

Apps & Extensions

  • Chrome Extension
  • Safari Extension
  • Edge Add-ons
  • Firefox Add-ons
  • iOS App
  • Android App

Key Features

  • YouTube Video Summarizer
  • Web & PDF Summarizer
  • Web & PDF Highlighter
  • Chat with PDF
  • Ask AI Clone
  • Audio Transcriber
  • Glasp Reader
  • Kindle Highlight Export
  • Idea Hatch

Integrations

  • Obsidian Plugin
  • Notion Integration
  • Pocket Integration
  • Instapaper Integration
  • Medium Integration
  • Readwise Integration
  • Snipd Integration
  • Hypothesis Integration

More Features

  • APIs
  • MCP Connector
  • Blog & Post
  • Embed Links
  • Image Highlight
  • Personality Test
  • Quote Shots

Company

  • About us
  • Blog
  • Community
  • FAQs
  • Job Board
  • Newsletter
  • Pricing
Terms

•

Privacy

•

Guidelines

© 2026 Glasp Inc. All rights reserved.