Wiki › Project

Nenrin (年輪), a picture scroll

Project · book

Nenrin (『年輪』, "tree rings") is the third book in his library at chaipat.cc: the story of how his personal website grew, told as a picture scroll. A tree keeps one ring for every season it grew, and the site has rings of its own, because each rebuild kept the older site inside the new one.

The rings

WhenRing
2022The first page: a small, plain personal site made in his first year at university, in HTML and CSS
2022–2026Rebuilt again and again. Screenshots of these versions are still being gathered
April 2026A portfolio you can ask: the site started again from a knowledge graph, and became the site you are reading
November 2026A library of books: chaipat.cc became the library, and the portfolio moved to ask.chaipat.cc

The scroll ends by saying that the next ring is still growing.

How it reads

It is an emakimono, a Japanese picture scroll, and unrolls from right to left. On a phone it runs from top to bottom. Each version of the site is one section, with its date, what it was made with, a screenshot and a few lines on what changed and why. Small notes are written on the screenshots, pointing at what matters in them. Gold mist drifts between the versions, and each has a tree ring of its own.

How it is built

Every version is a section of one text file, in Japanese and English, and a Python script builds the scroll from it, so the scroll grows to fit whenever a version is added. The unrolling is plain JavaScript and CSS. A version whose screenshot has not been found yet shows a frame saying the picture is still to come.

See also

In the knowledge graph

Nenrin and the 9 things it is linked to. Open any dot for its page, or explore it in the full graph.

ask.chaipat.cc, the ask-me-anything site · work · Relatedask.chaipat.ccchaipat.cc, the library of books · work · Relatedchaipat.ccThe Invisible (見えないもの), a pop-up book · work · mentionsThe InvisibleKate (糧), a stitch-bound book · work · links hereKatechaipat.cc research network · work · Contextchaipat.cc networkPython · skill · Built withPythonJavaScript · skill · Built withJavaScriptHTML and CSS · skill · Built withHTML/CSSWriting and templates · theme · ThemesWriting and templ… Nenrin
9 linked in the graph: 5 works3 skills1 theme

As data

Everything on this page is read from triples in the knowledge graph. These are the 21 it states about Nenrin, and 1 more its ontology implies; the console runs SPARQL over the whole graph, here in your browser.

Download
@prefix id: <https://ask.chaipat.cc/id/> .
@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> .
@prefix cj: <https://ask.chaipat.cc/ns#> .
@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#> .
@prefix skos: <http://www.w3.org/2004/02/skos/core#> .
@prefix xsd: <http://www.w3.org/2001/XMLSchema#> .

id:Nenrin
    a cj:Project ;
    rdfs:label "Nenrin (年輪), a picture scroll" ;
    cj:shortLabel "Nenrin" ;
    skos:altLabel "年輪" , "Nenrin scroll" , "picture scroll" ;
    cj:context id:ChaipatCC ;
    cj:kind "book" ;
    cj:theme id:ThemeWriting ;
    cj:relatedTo id:Library , id:ThisSite ;
    cj:uses id:JavaScript , id:HTMLCSS , id:Python ;
    cj:url "https://chaipat.cc/nenrin"^^xsd:anyURI ;
    cj:liveUrl "https://chaipat.cc/nenrin"^^xsd:anyURI ;
    cj:description "The third book in the library: how his personal website grew since 2022, as a picture scroll that unrolls from right to left, with one tree ring for each version of the site." ;
    cj:tier 2 ;
    cj:mentions id:Kate , id:TheInvisible ;
    cj:article "https://ask.chaipat.cc/wiki/Nenrin"^^xsd:anyURI .
Works 4
ask.chaipat.ccchaipat.ccKateThe Invisible