{
 "id": 36897,
 "slug": "2025-03-10_trainingsgegevens-yn-3d",
 "url": "https://agents.willem.com/fy/posts/2025-03-10_trainingsgegevens-yn-3d/",
 "source_url": "https://willem.com/fy/2025-03-10_trainingsgegevens-yn-3d/",
 "language": "fy",
 "date": "2025-03-10",
 "published": "2025-03-10T00:00:00+01:00",
 "created": "2025-06-26T21:29:41.554000+02:00",
 "updated": "2026-10-20T09:21:55.458000+02:00",
 "title": "Trainingsgegevens yn 3D",
 "subtitle": "Webbasearre 3D-grafiken foar fitnessgegevens ferkenne",
 "summary": "Wylst ik myn rûntsjes om it doarp rûn, kaam it by my op dat ik ThreeJS brûke koe om in dynamyske 3D-werjefte fan myn trainingsgegevens te meitsjen. Lês mei om te sjen wat ik makke haw. It is noch wurk yn útfiering, mar in spannende ferkenning fan it konsept.",
 "topics": [
  "data",
  "gran fondo",
  "running",
  "web"
 ],
 "author": {
  "name": "Willem L. Middelkoop",
  "url": "https://willem.com"
 },
 "provenance": {
  "kind": "model",
  "method": "Claude Sonnet, two passes (translation, then proofreading) against a glossary and the Fryske Akademy Foarkarswurdlist (hunspell fy_NL); official 2015 spelling",
  "date": "2026-10-20",
  "reviewed_by_native_reader": false,
  "language": "fy",
  "source_language": "en"
 },
 "translations": [
  {
   "language": "en",
   "title": "Workout data in 3D",
   "url": "https://agents.willem.com/en/posts/2025-03-10_workout-data-in-3d/",
   "source_url": "https://willem.com/en/2025-03-10_workout-data-in-3d/"
  },
  {
   "language": "nl",
   "title": "Trainingsdata in 3D",
   "url": "https://agents.willem.com/nl/posts/2025-03-10_trainingsdata-in-3d/",
   "source_url": "https://willem.com/nl/2025-03-10_trainingsdata-in-3d/"
  },
  {
   "language": "de",
   "title": "Trainingsdaten in 3D",
   "url": "https://agents.willem.com/de/posts/2025-03-10_trainingsdaten-in-3d/",
   "source_url": "https://willem.com/de/2025-03-10_trainingsdaten-in-3d/"
  },
  {
   "language": "es",
   "title": "Datos de entrenamiento en 3D",
   "url": "https://agents.willem.com/es/posts/2025-03-10_datos-de-entrenamiento-en-3d/",
   "source_url": "https://willem.com/es/2025-03-10_datos-de-entrenamiento-en-3d/"
  },
  {
   "language": "fr",
   "title": "Données d'entraînement en 3D",
   "url": "https://agents.willem.com/fr/posts/2025-03-10_donnees-d-entrainement-en-3d/",
   "source_url": "https://willem.com/fr/2025-03-10_donnees-d-entrainement-en-3d/"
  },
  {
   "language": "it",
   "title": "Dati di allenamento in 3D",
   "url": "https://agents.willem.com/it/posts/2025-03-10_dati-di-allenamento-in-3d/",
   "source_url": "https://willem.com/it/2025-03-10_dati-di-allenamento-in-3d/"
  },
  {
   "language": "pt",
   "title": "Dados de treino em 3D",
   "url": "https://agents.willem.com/pt/posts/2025-03-10_dados-de-treino-em-3d/",
   "source_url": "https://willem.com/pt/2025-03-10_dados-de-treino-em-3d/"
  },
  {
   "language": "pap",
   "title": "Data di Entrenamentu den 3D",
   "url": "https://agents.willem.com/pap/posts/2025-03-10_data-di-entrenamentu-den-3d/",
   "source_url": "https://willem.com/pap/2025-03-10_data-di-entrenamentu-den-3d/"
  }
 ],
 "image": "https://willem.com/global/images/9121ad1c6c99.webp",
 "image_width": 2560,
 "images": [
  {
   "url": "https://willem.com/global/images/54e7cade7a7a.webp",
   "description": "RunnerUP: naam myn rin fan 11K op en makke it TCX-bestân mei trainingsgegevens",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36897_images-1.png"
  }
 ],
 "text": "Ik ferken manieren om trainingsgegevens sichtber te meitsjen, mei webtechnologyen foar kompatibiliteit oer apparaten hinne, foar Gran_Fondo (https://willem.com/en/2025-03-06_open-sourcing-gran-fondo/), myn hurdrin- en fytsapp. ThreeJS (https://threejs.org/), in 3D-renderark foar browsers, wurket naadleas op grutte en lytse skermen. Ik brûk it TCX-trainingsformaat, om't dat geskikt is om te ûntleden mei standert browser- en webtechnology. Foar dit projekt haw ik in opnommen sesje fan myn rin fan 9 maart brûkt: myn standert rûntsje fan 1,8KM om it doarp, 6 kear itselde werhelle (yn totaal 11KM). Ik fyn dizze rûte moai; der is in bytsje ferkear en ôflieding, sadat ik my op it rinnen konsintrearje kin. De TCX-gegevens haw ik ophelle mei de app RunnerUp; dy docht wat er dwaan moat, mar sjocht der in bytsje âlderwetsk út en mist ynteraktive analyze en ferkenning fan trainingsgegevens.\nAs proof of concept om 3D-presintaasje te ferkennen haw ik in prototype boud dat it TCX-bestân mei de trainingsgegevens laadt. De browser ûntleedt dizze gegevens en makket twa fisualisaasjes: in 3D-render mei ThreeJS en in 2D-linegrafyk dy't it tempo toant. Kleur stiet foar tempo: grienere linen betsjutte in flugger tempo. De 3D-fisualisaasje draait as in vinylplaat en lit myn seis rûntsjes om it doarp sjen, mei in foarm dy't oerienkomt mei de kaart. Om beide grafiken te keppeljen haw ik in wite sirkel tafoege dy't yn beide itselde momint markearret, wat de ferbining tusken de twa werjeften dúdlik makket.\n<a class=\"image video\" style=\"margin-bottom:15pt; display:block;text-align:center;\" target=\"_blank\" href=\"https://willem.com/etcetera/2025-03-10_GranFondo-3D-rendering/\"><figure><video src=\"https://willem.com/etcetera/2025-03-10_GranFondo-3D-rendering/demo.mp4\" autoplay loop muted playsinline width=\"960\" style=\"width:100%\" ></video><figcaption>Gran Fondo 3D-renderdemo: in ynteraktive fisualisaasje fan trainingsgegevens mei ThreeJS</figcaption></figure></a>\nDe fisualisaasje is 100% boud mei webtechnologyen, mei ThreeJS om it 3D-rinpaad te renderjen. In twadde HTML5-canvas leit dêr in 2D-tempografyk oerhinne, wylst ien sintrale animaasjeloop beide sênes ferbynt mei in rinnende stip, dy't de rûte en de grafyk syngronisearret. Dit is diel fan in \"lûd neitinke\"-eksperimintele faze, dêr't ik ynnovative manieren ferken om fitnessgegevens sichtber te meitsjen. It is in demo foar myn oankommende Gran Fondo-app, mei as doel ynteraktyf fitnesstracken te ferbetterjen mei rike, oansprekkende fisualisaasjes.\nBesjoch de fisualisaasje op dyn eigen kompjûter troch dizze side te iepenjen: demo_tiid (https://willem.com/etcetera/2025-03-10_GranFondo-3D-rendering/) Hâld der rekken mei dat dit gjin ôfmakke demo is, it is \"farsk fan de wurkbank\" en wurket benammen goed yn lizzende finsterstân. Takomstige ferzjes krije folle mear ôfwurking, sadat alle eleminten passe yn in responsyf ûntwerp.\nDe Gran Fondo-app krijt hertslach, kadens en fermogen foar djipper ynsjoch. Mei ynteraktiviteit kin de 3D-grafyk mei oanrekking draaid en yn detail ynzoome wurde. Myn doel is om trainingsanalyze mear ymmersyf, yntuïtyf en oansprekkend te meitsjen foar atleten dy't in folslein byld fan har prestaasje wolle.\nKonklúzje\nEksperimintearje is in krúsjaal diel fan softwareûntwerp: it lit dy ideeën testen, konsepten ferfine en feedback fan oaren sammelje. Dizze 3D-trainingsfisualisaasje is dêr in foarbyld fan. Der is noch folle mear te ferkennen. Folgje dizze blog foar fernijingen, want ik wurkje fierder oan Gran Fondo!",
 "word_count": 475,
 "markdown_url": "https://agents.willem.com/fy/posts/2025-03-10_trainingsgegevens-yn-3d/post.md"
}