Data Perspectives Logo Social Perspectives
  • Essays
  • Visualizations
  • Methods
  • About

HTML Art Gallery

Creative code explorations at the intersection of web technology and art

A collection of interactive HTML, CSS, and JavaScript artworks exploring the creative potential of web technologies.

CODE & CREATIVITY

HTML ART GALLERY

Where web technologies become a canvas for artistic expression

"Art challenges technology, and technology inspires art."

— John Lasseter

HTML Art (sometimes called Creative Coding or Generative Art) explores the creative potential of web technologies. Using HTML, CSS, and JavaScript, artists create interactive experiences, visual compositions, and dynamic expressions that blur the line between code and art.

This gallery showcases pieces that demonstrate the aesthetic and expressive possibilities of web technologies beyond their conventional uses.

header.html

By Lasse Rodeck

About this piece

...

SVG JavaScript Animation Generative

Retro Social Science Console

By Lasse Rodeck

About this piece

Explore social science concepts through an interactive, retro-tech lens. This visualization features a rotating ASCII shape — cycle through Cube, Tetrahedron, Octahedron, Pyramid, and Torus using your scroll wheel — presented within a simulated command-line interface.

The background features a dynamic Matrix-style rain effect whose flow direction (up or down) is also controlled by your scroll wheel. Hover your mouse over the central screen area to reveal pulsing keywords related to social science themes like 'IDEOLOGY', 'HEGEMONY', and 'PARADIGM'.

Load the music using the song selector (requires a direct MP3 URL hosted with proper CORS headers) and watch the shape's size pulse and the rain's speed react to the audio's amplitude via the 'Start/Stop Audio' button. Toggle between light and dark themes using the 'Theme' button, and experience occasional atmospheric screen glitches.

This piece blends generative art, data visualization concepts, and interactivity within a nostalgic digital aesthetic.

SVG JavaScript Animation Generative

Neural Symphonies

By Lasse Rodeck

About this piece

An interactive audio-visual artwork simulating the flow of information through a neural network. Watch signals pulse and decay, triggering generative soundscapes. Hover over nodes to reveal hidden patterns, click to inject new energy, and use the control consoles to manipulate the sonic texture in real-time, shaping volume, reverb, and core synth parameters. Explore the emergent resonance between sight and sound in this edgy, retro-inspired digital ecosystem.

SVG JavaScript Animation Generative

Submit Your HTML Art

Are you a creative coder with HTML art pieces you'd like to showcase? We welcome submissions from artists exploring the aesthetic and expressive potential of web technologies.

Submit Your Work

Resources for HTML Artists

Creative Coding Libraries

  • p5.js - JavaScript library for creative coding
  • three.js - 3D library for JavaScript
  • D3.js - Data-Driven Documents
  • PixiJS - HTML5 Creation Engine
  • Paper.js - Vector graphics scripting

Tutorials & Courses

  • The Coding Train by Daniel Shiffman
  • Creative Coding with Canvas & WebGL
  • Generative Artistry Tutorials
  • OpenProcessing - Learn by example
  • Creative Coding courses on Skillshare

Communities & Inspiration

  • r/generative - Reddit community
  • Creative Applications
  • CodePen - Generative Art
  • Shadertoy - For WebGL experiments
  • CodeSandbox - Web development environment
Back to top

Comments

© 2025 Data Perspectives. All rights reserved.

  • Edit this page
  • Report an issue
Cookie Preferences

Made with Quarto