Skip to main content
100%

📊 Admin. Ciudadano – “Mi Huella Digital Profesional”

✓ Published0🌍 Public
IIoTeacher
Last edited Feb 23, 2026
Created on Feb 23, 2026

This example shows how a guided classroom activity on digital identity and professional reputation can be visualized as an interactive lesson flow. It uses a gist-sourced dataset of session content, rendering the sequential steps (concept, guided activity, reflection, mini-challenge) as nodes with connecting lines. The visualization is built with D3.js, specifically using `d3.forceSimulation` for node layout and `d3.select` with `transition.attrTween` to animate step transitions. The code reads the Markdown file as plain text and parses headings and lists to generate the graph, while the Canvas API’s `getImageData` is not used; instead, SVG elements are drawn directly.

AI-generated description

Similar vizzes