· 18 min read

Point Paper, matematik, mätning och PinePaper

Långt före skärmen arbetade designers på punktpapper - rutnät där varje cell representerade en enhet av fysiskt arbete. PinePaper fortsätter den här linjen: en duk där varje koordinat har ett namn och varje mätning är verklig

Den förlorade förfadern av skärm

I sidenverkstäderna i början av 1800-talet Lyon arbetade designers på en speciell typ av papper som heter punktpapper. Varje kvadrat på arket representerade en warp-and-weft korsning på vävstolen - en knut, en stygn, ett beslut. Att designa en brocade, en konstnär färgad i celler; att väva den En hantverkare läser dessa celler rad genom rad och drog motsvarande trådar. Nätet var inte dekoration. Det var ett koordinatsystem där varje cell bar fysisk mening.

Punktpapper föregår Lyon med århundraden. Persiska matt designers använde den. Kinesiska tapetvävare använde den. Italienska renässans broderare använde det. Engelska stickers använder den fortfarande. Det överlever idag i korsstygn diagram och pixelkonst handledning. Det som förenar dessa traditioner är en enda idé: ** en designad bild är summan av många små, exakta, mätbara enheter.*

År 1804 anställde Joseph-Marie Jacquard denna idé till en maskin. Hans vävstol läste punktpappersdesigner från stansade kort - ett kort per rad av vävning, ett hål per cell - och reproducerade designen i tyg utan att en människa läser diagrammet [Essinger, 2004]. Fyrtio år senare tittade Ada Lovelace på Jacquard-loomen och såg framtiden för beräkning:

"Vi kan säga mest lämpligt att den analytiska motorn väver algebraiska mönster precis som Jacquard loom väver blommor och blad." - Ada Lovelace, 1843 [Lovelace, 1843]

Nätet blev ett program. Enhetscellen blev biten. Punktpapper var bron från hantverksmätning till allmänt ändamålsberäkning - och från datorer tillbaka, så småningom till skärmen du läser detta på.

PinePaper tar denna radering på allvar. Namnet är en pun, men det är inte bara en pun. PinePaper är digitalt punktpapper: en duk där varje koordinat är ett exakt par siffror, varje form är en exakt geometri, varje animation är en funktion av tid, och varje enhet på härskaren motsvarar något verkligt i världen.

PinePaper är, i sin kärna, en ** vektorgrafikmotor ** - en duk där matematisk sanning blir synlig. Eftersom matematik gäller nästan alla fält, så gör PinePaper: datavisualisering, vetenskapliga figurer, klassrumsdiagram, designlayouter, illustrerade förklaringar, animerade essäer, hantverksmönster och hundra användningsområden som vi ännu inte har sett. Dess ** huvudsakliga publik idag ** är innehållsskapare, lärare och marknadsföringsteam, men duken är öppen för alla som behöver exakta visuella - och som samarbete, AI-agenthjälp och andra integrationer landar i framtida releaser, kommer fler människor att hitta sin egen användning för det. Matematiken är grunden. Publiken är den som kan läsa den.

Interactive demo — open in editor pp:PinePaper

För att observera behöver du mätning

Matematiken började inte som abstrakt resonemang. De tidigaste matematiska artefakterna är lera tokens från Sumer, som dateras till ungefär 8000 f.Kr. - små formade föremål som används för att räkna jordbruksvaror [Schmandt-Besserat, 1992]. En kon betydde ett litet mått av korn; en sfär betydde en stor. För att verifiera innehållet i ett förseglat lerkuvert utan att bryta det Sumererna pressade tokens in i den våta ytan innan tätning - skapa de första skriftliga siffrorna [Nissen et al., 1993].

"Hur mycket?" och "hur många?" - de var de första frågorna. Matematik började som en teknik för inspelning av mätningar.

Ordet geometri själv betyder "jordmätning". Herodotus tillskrev sin uppfinning till egyptier som återuppstod jordbruksmark efter årliga Nile översvämningar raderade gränsmarkörerna [Herodotus, *Historier *, Bok II, c. 430 f.Kr.]. Etymologin avslöjar förhållandet: matematik mätte den fysiska världen långt innan den blev axiomatisk.

Varje gren av matematik mäter något

Euklid formaliserad geometri som ett deduktivt system - förslag från axiom, oberoende av något specifikt fysiskt objekt [Heath, 1908]. En punkt har ingen dimension. En linje har ingen bredd. Men även dessa abstraktioner tjänar mätning. Den pythagoreiska teorem mäter en diagonal. Områdets formelåtgärder inneslutna utrymme. Abstraktion gjorde mätningen mer allmän och mer exakt.

Mönstret upprepades i tusentals år.

Algebra mätte det okända - vilket gav namn till värden som ännu inte observerades [Rashed, 1994]. Trigonometri mätte vinklar och avstånd som inte kunde nås direkt. Calculus mätte förändring - omedelbara priser, inte medelvärden [Guicciardini, 1999]. Sannolikhet mätt osäkerhet. Färre analys mätt frekvens - sönderdela komplexiteten i rena komponenter [Fourier, 1822]. Topologi mätt form oberoende av storlek. Informationsteorin mätte överraskning - bitar av information i ett meddelande [Shannon, 1948]. Varje gren kom fram eftersom någon behövde mäta något som existerande matematik inte kunde uttrycka.

Matematikens historia är inte en lista över genombrott. Det är en kontinuerlig expansion av vad mänskligheten kan mäta. Varje ny filial svarade samma fråga som sumererna ställde och Lyonnais pekar-papper designers ställde: *Hur registrerar jag vad jag observerar

Interactive demo — open in editor pp:PinePaper

En Canvas är ett koordinatsystem

År 1637 publicerade Descartes La Géométrie, introducerade koordinatgeometri - idén att algebraiska ekvationer kunde dras som kurvor på ett plan [Descartes, 1637]. Detta var revolutionärt inte för att det skapade ny matematik, utan för att det gjorde befintlig matematik. En ekvation som y = x2 var inte längre abstrakt; det var en parabola du kunde spåra med fingret.

Descartes insikt är grunden för PinePaper.

En duk - alla dukar - är ett koordinatsystem. Den har en x-axel och en y-axel. Varje punkt på det är ett par siffror. Varje form är en uppsättning geometriska ekvationer. Varje animation är en funktion av tid. Detta är inte metafor. Det är bokstavligt. När du placerar en cirkel på plats (400, 300) med radie 50 skriver du ekvationen (x − 400)2 + (y − 300)2 = 2500. Poäng-papper designer i Lyon skulle ha erkänt principen omedelbart: varje cell är en koordinat, varje koordinat är ett beslut.

PinePaper är byggd på Paper.js eftersom Paper.js behandlar grafik som geometri, inte pixlar. Varje form lagras som en uppsättning bezierkurvor - kubiska polynomier som definierar släta vägar genom kontrollpunkter. En cirkel är inte ett rutnät av färgade prickar; det är fyra bezier segment som beskriver sin krökning exakt. När du skala en form tillämpar Paper.js en matristransformation på dessa kurvor - samma linjära algebra som används i datorgrafik och robotik. Proportioner är alltid bevarade. En form som är halva bredden av en annan form förblir halva bredden, oavsett om du tittar på en telefonskärm eller en tryckt affisch.

Detta är rendering lager. Det ger PinePaper ett koordinatsystem där varje punkt, varje kurva och varje omvandling är matematiskt definierad.

Utöver detta rendering lager, PinePaper lägger till ytterligare två saker. Den första är ett *namn enhetssystem: varje dokument förklarar vad en duk enhet betyder i den verkliga världen - en millimeter, en centimeter, en tum, en sekund, en hertz. Härskare längs kanterna på duken visar den enheten. Nätet snaps till det. Selection readouts rapporterar dimensioner i den. Den andra är ett **-datorlager* som löser ekvationer, omvandlar signaler och utvärderar matematiska uttryck på samma koordinatsystem.

Tillsammans förvandlar dessa duken till ett mätinstrument. Du kan skriva ett matematiskt uttryck och se det planerat. Du kan simulera en pendel, en vår, en Lorenz-attraktion och titta på fysiken utvecklas i realtid - inte som en förinspelad animation, utan som en levande numerisk lösning. Du kan bryta ner en signal i dess frekvenskomponenter och se spektrumet. Du kan deformera former geometriskt - vrid, krusning, veck, andas - med omvandlingar som tillämpas på varje punkt på en väg, varje ram.

Dessa är inte visuella effekter som ungefärlig matematik. De är * matematik, beräknas och görs på ett koordinatsystem vars enheter har namn.

Interactive demo — open in editor pp:PinePaper

Vad du kan mäta på Canvas

Du behöver inte veta matematik för att använda PinePaper. Du behöver inte veta vad en bezierkurva är att dra en. Du behöver inte förstå matrix algebra för att rotera en form. Maten är under - det är motorn, inte ratten.

Men matematiken finns där, och den är ärlig. Varje kurva definieras av polynomier, inte pixlar. Varje transformation bevarar proportioner exakt. Varje mätning på härskaren motsvarar en riktig enhet. Och när du går utöver att dra in simulering, planering eller animering, PinePaper egna lösare, omvandlar och signalprocessorer gör arbetet.

Några exempel på vad som fungerar på duken idag:

En textil eller mönsterdesigner kan lägga ut en tessellation där geometriska former kakel ett plan. Vinklarna måste lägga till. De bitar måste passa utan luckor. Detta är samma problem som Lyonnais-pedagogiker löste med färgade celler, och samma problem som matematiker har studerat i århundraden. PinePapers bezierbanor och booleska operationer låter dig kontrollera om bitarna passar - och matematiken säkerställer att de gör det. Ställ in dukenheten till "tråd" och rutnätet blir bokstavligt punktpapper: en cell, en warp-and-weft korsning, precis som silke-workshop designers arbetade.

En inredningsarkitekt eller instruktör som skisserar en rumslayout kan ställa in dukenheten till meter, rita väggarna för att skala och läsa dimensionerna tillbaka från härskarna. Detta är napkin-sketch och begreppsarbete, inte full arkitektonisk utarbetande - PinePaper är inte ett CAD-verktyg - men enheterna är verkliga och proportionerna är exakta. Samma duk fungerar för en lärare som diagrammerar en klassrumslayout, en marknadsförare som hånar en trade-show-bås eller en innehållsskapare som illustrerar "hur man ordnar ditt hemkontor" med mätningar som inte ljuger.

** Ett hantverkstillverkare eller hobbyistisk dokumentär** som lägger ut ett pappershantverksmönster, ett broderidiagram eller en skärmavtrycksdesign kan förklara dukenheten i millimeter eller tum. Ange dokumentstorleken till den fysiska arkstorleken och härskarna räknas i verkliga enheter. Detta är hantverkssidan av punktpapper - utforma en sak vars slutliga form är fysisk, sedan dela designen online med proportioner som överlever resan från skärmen till substrat.

** En elev lärande om vågor** kan dra en sinvåg på duken. Ändra frekvensen och vågen komprimerar. Ändra amplituden och den växer högre. Lägg till två vågor tillsammans och de stör. PinePaper PineMath motor tomter fungerar direkt - y = sin(x), y = sin(x) / x, parametriska kurvor, allt du kan skriva som en formel. Ställ x-axeln enhet till sekunder och y-axeln enhet till volt och tomten är nu en oscilloskop spår.

En lärare som förklarar rörelse kan simulera en pendelsvängning. PinePapers ODE-lösare - Euler, Runge-Kutta 4 och adaptiv Dormand-Prince RK45 - beräknar den verkliga fysiken steg för steg. Pendeln på skärmen är inte en animation som efterliknar en pendel. Det är en numerisk lösning på en differentialekvation, som görs i realtid. Studenten ser det långsamt på toppen av bågen och accelererar längst ner. Förståelse är visuell först, matematisk sekund.

En musiker kan plotta frekvensinnehållet i en signal med en Cooley-Tukey FFT och se ett spektrum. Animera det över tiden och frekvensinnehållet utvecklas till ett spektrogram - byggt av samma matematiska transformator Fourier publicerad 1822. Ställ in x-axeln till hertz och spektrumet läser ut frekvenser direkt.

En forskare som förbereder en siffra för publicering kan dimensionera duken till en tidskrifts exakta kolumnbredd - säg 86 mm - och sedan rita data i fysiskt meningsfulla enheter. Siffran exporterar i rätt storlek med rätt proportioner, och etiketterna läste ut på några sekunder, kelvin eller mol snarare än pixlar.

En rörelsedesigner kan skapa en animation där ett objekt lättar in och ut. Den lättande kurvan är en kubisk bezier - en funktion som kartlägger tiden till framsteg. På PinePapers duk är den kurvan inte en förinställd vald från en meny. Det är en ekvation du kan se, redigera och förstå.

*En kalligraf eller teckensnittsdesigner kan bygga brevformer där varje kurva är en bezierpolynomial. Stroke bredd varierar längs vägen. Spacing mellan bokstäver följer en rytm. Alla mätbara, precisa, alla lagras som geometri snarare än pixlar.

För dem som vill läsa ekvationerna direkt exponerar PinePaper sin fullständiga numeriska datormotor - funktionsplanering, ODE-lösning, FFT, signalgenerering, parametriska kurvor. För alla andra är matte osynlig ställning. Du arbetar på toppen av det.

Interactive demo — open in editor pp:PinePaper

Byggd för människor och AI

PinePaper är byggd för två typer av användare: människor och artificiell intelligens.

För människor är målet att göra matematisk mätning tillgänglig utan att kräva matematisk träning. PinePaper: s huvudsakliga publik - innehållsskapare, lärare och marknadsföringsteam - måste lägga ut affischer, skissa märkta diagram, titta på simuleringar och storlekskampanj tillgångar utan att beräkna kvoter för hand eller översätta från pixlar. Men duken fungerar lika bra för en forskare som förbereder en publikationsfigur, en hobbyist som utformar ett hantverksmönster, en analytiker som utforskar en datamängd, en studentbyggnadsintuition eller någon annan som behöver exakta bilder. Matematiken är grunden och upplevelsen är visuell.

För AI är målet det motsatta: att ge språkmodeller en exakt, programmerbar duk där varje operation har matematisk mening. När en AI-assistent placerar en vägg på position (1.2 m, 0,0 m) som kör 4,2 m öster, är dessa siffror exakta - och de delar ett enhetssystem med den mänskliga användaren. Koordinatsystemet är inte ungefärligt. PinePaper exponerar sin fulla API till AI-agenter så att varje mätning en AI gör på duken producerar samma resultat som en människa skulle se, i samma enheter.

Forskning inom pedagogisk psykologi stöder dubbelmetoden. Visuella representationer minskar kognitiv belastning när man lär sig matematiska begrepp [Mayer, 2009]. Dubbelkanal bearbetning - se och läsa samtidigt - möjliggör djupare förståelse än antingen ensam (Sweller, 1988). Samma princip gäller för samarbete mellan människor och AI: när både personen och AI delar en matematiskt trogen duk med namngivna enheter mäter de samma sak.

Detta är traditionen PinePaper går in:

  • Desmos** gör algebra interaktiv för över 75 miljoner användare [Desmos, 2023].
  • GeoGebra kombinerar geometri och kalkylvisualisering i klassrum i 195 länder [Hohenwarter, 2002].
  • Manim, skapad för 3Blue1Brown, genererar matematiska animationer som ses över 400 miljoner gånger [Sanderson, 2015].
  • D3.js gör statistiska mönster synliga och interaktiva på webben [Bostock et al., 2011].

PinePaper lägger till ett perspektiv som dessa verktyg inte har: * samma duk som gör en design bör kunna mäta den i verkliga enheter - och både människor och AI bör kunna läsa dessa mätningar. * En typsnittsavståndsgrad, en pendelperiod, ett frekvensspektrum och en planlösningsdimension är alla mätningar. Alla förtjänar ett koordinatsystem som tar dem på allvar.

Vad är på plats - och vad växer

Tre förmågor finns redan i PinePaper och fortsätter att fördjupa:

** Kontraktsbaserade relationer** bevara matematiska relationer mellan element automatiskt. Om en etikett kretsar en cirkel, följer ett mål, eller är fäst vid ett ben, är begränsningen levande - flytta föräldern och varje beroende element rör sig med det. PinePaper-fartyg 25+ relationstyper idag (banor, följer, bifogas to, underhålls distance, driven by, wiggle och mer). Vad som växer: en rikare begränsning motor där dessa relationer blir första klass fakta i dokumentet, inte bara runtime beteenden.

Knowledge graph är redan på plats. Varje duk objekt har en semantisk identitet - typ, relationer, animationer, matematiska funktioner - att AI agenter kan läsa och fråga. Ontologin spänner över 95 klasser över PinePaper ordförråd, publicerad som CC0 offentlig domän. Vad växer: rikare grafstruktur som innehåller kvoter, proportioner och geometriska beroenden, så en AI-agent kan fråga "vad är aspektkvoten av denna layout?" och få ett svar som människan kan verifiera på härskaren.

Dimension readout visar levande mätningar i verkliga enheter. Välj ett objekt och HUD visar dess bredd och höjd i millimeter, tum eller vilken enhet duken är inställd på. Härskare och enhetsnät ger visuell referens. Vad som växer: fulldimensionsanteckningar i utarbetandet av tradition - vittneslinjer, ledare pilar, dimension text - som förstklassiga objekt som uppdateras när geometrin de beskriver förändringar.

PinePaper främsta publik idag är innehållsskapare, lärare och marknadsföringsteam, men duken är byggd för att tjäna alla som behöver exakta visuella - dataanalytiker, hobbyister, forskare, studenter, tillverkare och AI-assistenter som i allt högre grad hjälper dem alla. Enhetsmedveten ritning tjänar dem direkt: en lärare som dimensionerar ett märkt diagram, en marknadsförare som dimensionerar en kampanjtillgång till ett exakt bannerformat, en innehållsskapare som bygger en grafik med verkliga proportioner, en forskare som planerar ett diagram på tidskriftsfärdiga storlekar. Full 3D CAD - solid modellering, B-rep, STEP / IFC-import, parametriska funktioner - är ett annat problem med en annan matematisk grund och verktyg som Rhino, Blender och SolidWorks tjänar det bra. PinePaper jagar dem inte idag, men vi kan lägga till CAD-angränsande funktioner i senare utgåvor som publiken och plattformen växer. Kärnidentiteten är ett trogen 2D-koordinatsystem som vem som helst kan läsa.

Vad vi tror

Fyra trådar går igenom denna historia.

Point papper är det historiska instrumentet: ett rutnät där varje cell är en enhet av fysiskt arbete. Den förbinder Lyonnais silke designer, Jacquard loom, Lovelace analytiska motor, och den moderna pixeln.

  • Matematik** är det språk som ger nätet dess precision. Sumeriska tokens, euklidisk geometri, kartesiska koordinater, Fourier transformerar, differentialekvationer - varje gren uppfanns för att mäta något som den tidigare grenen inte kunde uttrycka.

Mätning är den handling som förenar de två. För att observera något behöver du mätning. För att mäta något behöver du matematik. För att göra en mätning * synlig * - för att sätta den på en yta där du och någon annan (eller du och en AI) kan se samma sak - du behöver ett koordinatsystem.

PinePaper är den moderna syntesen. Vector geometri som rendering lager. Ett namngivet enhetssystem som den mänskliga ytan. En numerisk datormotor som bakrummet. Samma duk tjänar en designer, en student, en arkitekt, en musiker, en forskare och en AI assistent - eftersom alla gör samma sak i olika ordförråd. De registrerar vad de observerar.

Vi är inte färdiga. Knowledge graph är redan på plats - varje duk objekt bär en semantisk identitet som AI agenter kan läsa, med 95 ontologi klasser publicerade under CC0. *relationssystemet bevarar redan geometriska begränsningar: 25+ relationstyper håller element kopplade, anpassade och synkroniserade som scenen förändras. Vad är fördjupning är grafens uttrycksfullhet - fånga förhållanden, proportioner och beroenden så att varje geometrisk relation är sökbar, inte bara verkställd vid runtime. Parallellt utforskar en forskningstråd en finjusterad modell utbildad på båda ytorna PinePaper exponerar - dess högnivåkommando API och den råa SVG som duken gör infödd. Båda gör, animerar, exporterar och går med i kunskapsgrafen genom samma rörledning, utan omvandlingssteg. Knowledge Hub har SVG-and-LLM-forskning som informerar denna riktning; vårt projekt är det empiriska komplementet - * kan dagens modeller läsa, generera och resonera om vektorgeometri lika flytande som de hanterar text? Vi kommer att dela resultat när arbetet utvecklas. Det kommer att finnas fler former, fler lösare, fler enheter, fler språk. Dessa är tekniska problem, inte konceptuella. Den matematiska grunden är redan på plats. Vad som återstår är att ansluta den för varje typ av mätning en person - eller en AI - kan behöva se.

Vår arbetshypotes: ** när du ger människor en duk som respekterar matematisk sanning och namnger dess enheter ärligt, hittar de sätt att mäta saker du aldrig förutsett.* En punkt-papper designer mätt trådar. En fysiker mäter rörelse. En musiker mäter frekvens. En designer mäter betoning. En konstnär mäter balans. Ett barn mäter nyfikenhet. Duken behöver inte känna till domänen - den behöver bara vara trogen koordinaterna och ärlig om enheterna.

Du behöver inte veta att du gör matematik. Du behöver bara se att proportionerna är rätt, att animationen känns naturlig, att avståndet är balanserat, att affischen du designade är exakt A4. Maten är där för att se till att dina ögon inte luras.

Detta är ett empiriskt påstående. Det kan vara fel. Men om det håller, bygger vi inte bara ett designverktyg - vi bygger ett instrument för att se vad matematik beskriver. Och vi bygger den för alla.

Redaktören är fri, och den kommer alltid att vara fri. Den AI som driver det kan också vara gratis - öppen vikt modeller som Gemma kör på din egen maskin och ansluta till PinePaper direkt genom sitt öppna protokoll. Ett instrument som detta bör inte sitta bakom en paywall - de människor som mest behöver ett koordinatsystem är exakt de som inte alltid har råd med en.

Referenser

  • Bostock, M., Ogievetsky, V., & Heer, J. (2011). D3: Datadrivna dokument. IEEE Trans. Visualization & Computer Graphics*, 17(12), 2301-2309.
  • Descartes, R. (1637). La Géométrie. Leiden.
  • Desmos (2023). Desmos klassrumsaktiviteter - Impact Report.
  • Essinger, J. (2004). Jacquards webb: Hur en handväv ledde till födelsen av informationsåldern* Oxford University Press.
  • Fourier, J. (1822). Théorie analytique de la chaleur*. Paris: Firmin Didot.
  • Guicciardini, N. (1999). Läsa Principia: debatten om Newtons matematiska metoder* Cambridge University Press.
  • Heath, T.L. (1908). De tretton böckerna av Euclids element*. Cambridge University Press.
  • Herodotus (c. 430 f.Kr.). Historier*, bok II.
  • Hohenwarter, M. (2002). GeoGebra - Ett programvarusystem för dynamisk matematikundervisning. Magisterexamen, University of Salzburg.
  • Lovelace, A. (1843). Anteckningar från översättaren, i LF Menabrea, "Sketch of the Analytical Engine Invented by Charles Babbage". Vetenskapliga memoarer*, 3, 666–731.
  • Mayer, RE (2009). Multimediainlärning (2nd ed.). Cambridge University Press.
  • Nissen, HJ, Damerow, P., & Englund, R.K. (1993). *Archaic Bookkeeping: Early Writing and Techniques of Economic Administration in the Ancient Near East *. University of Chicago Press.
  • Rashed, R. (1994). Utvecklingen av arabisk matematik: Mellan Arithmetic och Algebra*. Springer.
  • Sanderson, G. (2015). 3Blue1Brown - Manim animationsmotor. github.com/3b1b/manim.
  • Schmandt-Besserat, D. (1992). Innan du skriver, Vol. I: Från greve till Cuneiform*. University of Texas Press.
  • Shannon, C.E. (1948). En matematisk teori om kommunikation. Bell System Technical Journal, 27 (3), 379-423.
  • Sweller, J. (1988). Kognitiv last under problemlösning. *Kognitiv vetenskap *, 12(2), 257-285.

PinePaper Studio är gratis på [pinepaper.studio/editor] (/editor). Kunskapsgrafen och ontologin dokumenteras på pinepaper.studio/ontology.

Ready to create?

Start making animated GIFs, videos, and graphics — free, no signup.

Open PinePaper Editor