--- title: "Data di Entrenamentu den 3D" date: 2025-03-10 language: pap topics: ["data", "gran fondo", "running", "web"] source_url: https://willem.com/pap/2025-03-10_data-di-entrenamentu-den-3d/ --- # Data di Entrenamentu den 3D *Eksplorando grafiko 3D basá riba web pa data di fitness* > Miéntras mi tabata kore mi rondonan rònt di e dorpi, mi a realisá ku mi por usa ThreeJS pa traha un representashon 3D dinámiko di mi data di entrenamentu. Lesa huntu pa mira loke mi a kreá. Ta un trabou den progreso, ma e ta sirbi komo un eksplorashon emoshonante di e konsepto. Mi ta eksplorá manera pa visualisá data di entrenamentu, usando teknologia di web pa kompatibilidat entre aparato, pa Gran_Fondo (https://willem.com/en/2025-03-06_open-sourcing-gran-fondo/), mi app pa kore i pidal. ThreeJS (https://threejs.org/), un enstrumento di renderisá 3D pa browser, ta traha sin problema riba pantaya grandi i chikí. Mi ta usa e formato di data di entrenamentu TCX pasobra e ta apropiá pa parse ku teknologia estándar di browser i web. Pa e proyekto aki, mi a usa un sesion grabá di mi kurida di 9 di mart: mi sirkuito estándar di 1,8KM rònt di e dorpi, repitiendo 6 bes idéntiko (total 11KM). Mi gusta e ruta aki; tin poko trafiko i disturbio, ku ta laga mi konsentrá riba e kurida. Mi a rekohe e data di TCX ku e app RunnerUp; e ta hasi e trabou, ma e ta parse un tiki pasá di moda i e no tin análisis interaktivo i eksplorashon di data di entrenamentu. ![RunnerUP: a grabá mi kurida di 11K, produsiendo e archivo TCX ku e data di entrenamentu](https://willem.com/global/images/54e7cade7a7a.webp) Komo prueba di konsepto pa eksplorá presentashon 3D, mi a traha un prototipo ku ta karga e archivo TCX ku e data di entrenamentu. E browser ta parse e data aki i ta jenerá dos visualisashon: un render 3D ku ThreeJS i un grafiko lineal 2D ku ta mustra ritmo. Koló ta representá velosidat: liña mas verde ta indiká un ritmo mas lihé. E visualisashon 3D ta rotá manera un disko di vinil, revelando mi seis rondo rònt di e dorpi, ku su forma konkordando ku e mapa. Pa konektá tur dos grafiko, mi a agregá un sirkulo blanku ku ta marka e mesun punto den tempu riba kada un, yudando ilustrá e konekshon entre e dos bistanan.
Demo di renderisá 3D di Gran Fondo: un visualisashon interaktivo di data di entrenamentu ku ThreeJS
 E visualisashon ta traha 100% ku teknologia di web, usando ThreeJS pa renderisá e kaminda di kurida 3D. Un di dos canvas di HTML5 ta superponé un grafiko di ritmo 2D, miéntras un lus di animashon sentralisá ta uni tur dos eskena ku un punto ku ta rekorré, sinkronisando e ruta i e grafiko. Esaki ta parti di un fase di eksperimentashon di "pensa na vos haltu", kaminda mi ta eksplorá manera inovativo pa visualisá data di fitness. Ta un demo pa mi app Gran Fondo ku ta bini, ku meta pa mehorá e registro interaktivo di fitness ku visualisashon rikú i atraktivo. Bo por wak e visualisashon riba bo mes kompiuter pa habri e página aki: tempu_di_demo (https://willem.com/etcetera/2025-03-10_GranFondo-3D-rendering/) Tene na kuenta ku esaki no ta un demo pulí, e ta "fresku for di e mesa di trabou" i e ta traha mayoria bon riba orientashon horizontal. Versionnan futuro lo tin hopi mas pulimentu pa laga tur e elementonan kuadra den un desèño responsivo. E app Gran Fondo lo inkluí frekuensia kardíako, kadensia i poder pa mas insight. Interaktividat lo permití rotashon di e grafiko 3D ku toka i zoom riba detaye. Mi meta ta pa hasi análisis di entrenamentu mas inmersivo, intuitivo i atraktivo pa atletanan ku ta buska un bista kompleto di nan rendimentu. ## Konklushon Eksperimentashon ta un parti krusial di desèño di software: e ta permití bo prueba idea, refiná konsepto, i rekohe reakshon di otro hende. E visualisashon 3D di entrenamentu aki ta un ehèmpel. Tin hopi mas pa eksplorá. Keda atento na e blog aki pa aktualisashon futuro miéntras mi sigui desaroyá Gran Fondo!