← YamaShin Lab

Table Art

12 Patterns

CSS Only

100% Table

Table Art
An Exhibition of Transformed Tables
HTMLテーブルを変形・再構成し、データ構造そのものをビジュアルアートに昇華させる。ヘッダーからフッターまで、背景の模様まで、全てがテーブル。
12Patterns	0Divs Used	100%Table	CSSOnly

01 Staircase	02 Wave	03 Perspective	04 Spiral	05 Pyramid	06 Scatter
07 Zigzag	08 Fan	09 Mosaic	10 Flowing	11 Nested	12 Circular

01 — Staircase

階段テーブル

EC-AC4465BK Spec サイズ 52 x 38 x 40.5 mm 重量 約 112g ポート USB-C x2 / USB-A x1 入力 AC100~240V, 50/60Hz 温度 0 ~ 35 degrees C カラー Black / White / White Face 保証 6 months warranty

02 — Wave

波テーブル

Year Q1 Q2 Q3 Q4 2020 142 189 213 251 2021 267 298 334 371 2022 392 418 445 489 2023 512 548 591 634 2024 678 721 769 813 2025 856 901 948 992 2026 1,024 1,089 1,156 1,225 Peak +20% +18% +22% +19% Avg 553 595 637 682 Max 1,024 1,089 1,156 1,225

03 — Perspective

透視テーブル

24Projects 98Commits 12Reviews 847Lines 5Deploys 31Articles 4.2kViews 156Likes 23Shares 89Comments 7Skills 42Patterns 3Evolve 16Fixes ∞Growth

04 — Spiral

渦巻テーブル

HeaderTable Art Exhibition 2026 Date2026.04 CategoryArt x Data x Web StatusActive ByYamaShin CoreTABLE FooterAll Tables Reserved

05 — Pyramid

ピラミッドテーブル

CEO CTO COO Engineering Design Marketing Frontend Backend UI/UX Brand React Node.js Python Figma Analytics Next.js Vue Express Django Pencil SEO

06 — Scatter

散布テーブル

Concept Transform tables into art Material HTML + CSS Only Year 2026 Patterns 12 unique transformations Philosophy Data structures are beautiful Creator YamaShin Engine Next.js + CSS Responsive Desktop + Mobile License Creative Commons Status v2.0 — Gallery Edition

07 — Zigzag

ジグザグテーブル

Language TypeScript Python Rust Framework Next.js Django Actix Database PostgreSQL Redis SQLite Cloud AWS Vercel Cloudflare Tool Docker Git Vim AI Claude GPT Gemini Design Figma Pencil CSS Deploy CI/CD PM2 Nginx

08 — Fan

扇テーブル

Mon Design Practice Tue Site Planning Wed Homepage Update Thu Dashboard Dev Fri Homepage Update Sat App UI Design Sun Self Review Daily Collect Article

09 — Mosaic

モザイクテーブル

12Patterns CSSEngine transform rotate skew 0JS Lines translate border-spacing perspective ARTOutput writing-mode vertical-rl 100%Table grid flex? No.

10 — Flowing

流れるテーブル

Origin Concept Design HTML CSS Table Transform Rotate Skew Scale Staircase Wave Spiral Pyramid Fan Mosaic Zigzag Nested Output

11 — Nested

入れ子テーブル

Frontend Framework Version Status Next.js 16.2 Active React 19.2 Active Styles Config Tailwind 4 PostCSS Backend Service Runtime Port API Node 22 3000 Bot Node 22 3001 Auth Provider NextAuth Credentials Data Type Format Location Logs JSONL data/work-logs/ Evolution JSON data/evolution/ Articles JSON data/published/ Deploy Target Method PM VPS Git Pull PM2 Build npm build - Monitor Interval Health Check Every hour

12 — Circular

円環テーブル

Collect7:30 Study3:00 Article10:00 Rewrite12:00 Report19:00 Design10:00 MonitorEvery 1h ReviewSun 21:00 Core24/7

Table Art	Every cell tells a story	Every row draws a line	Every table is art
12 Patterns	0 Divs	Pure CSS	YamaShin 2026
HTMLテーブルだけで構成されたアート作品		Art made entirely of HTML tables