LabBot Ciudadano Digital

100%

LabBot Ciudadano Digital

✓ Published0🌍 Public

Last edited Feb 26, 2026

Created on Feb 24, 2026

LabBot Ciudadano Digital is a WebGL-rendered educational visualization that maps the ethical and legal responsibilities of clinical laboratory professionals in managing digital health data. It illustrates the consequences of sharing sensitive patient information without authorization, contrasting secure data handling with risky practices. The visualization uses Three.js for 3D scene rendering and interactive camera controls, with data from a Markdown-based lesson plan. It employs custom shaders and geometry to represent data flow nodes and privacy breach scenarios, while the interface supports real-time rotation and zoom to explore different case study examples. The source data originates from a gist authored by IoTeacher.

AI-generated description

Similar vizzes

Loading thumbnail…

Tema 1: Cultura Digital y Ciudadanía

This WebGL-based gallery presents a lesson plan on digital citizenship and responsible technology use, pairing instructional text with linked examples from Canva. The visualization uses Three.js for interactive 3D rendering of the provided images, sourced from a gist by IoTeacher. It displays the lesson’s core concepts—identity, security, and ethics—alongside visual design prompts, integrating external image assets to illustrate campaign ideas for Adobe Express projects.

IIoTeacher

68% match

Loading thumbnail…

📊 Admin. Ciudadano – “Mi Huella Digital Profesional”

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.

IIoTeacher

67% match

Loading thumbnail…

Gist 5abc1045894890074dba47be30e4c098

This visualization presents a structured classroom activity focused on data confidentiality and professional ethics for TICS students, displayed as a markdown-based instructional document. The example embeds a single high-resolution educational image and details a 50-minute lesson plan with interactive exercises, including role-playing scenarios and decision-making polls. It does not use JavaScript libraries or rendering APIs; instead, it relies on static HTML content and a self-contained markdown file with embedded images to convey the pedagogical workflow. The visual emphasizes clear textual organization and step-by-step guidance rather than dynamic data-driven graphics.

IIoTeacher

67% match

Loading thumbnail…

Cultura Digital y Ciudadanía en la Promoción Social

This visualization, embedded in a classroom activity, presents the core concepts of digital culture and citizenship for social promoters. It outlines an ethical framework covering digital identity, security, legal norms, and ethics, supported by a guided simulation for diagnosing risky cases. The design uses text and emoji for visual structure. The code relies on plain-text markdown files and a chat-bot interface simulated through simple prompts. The example quotes a specific ChatGPT prompt to generate a code of ethics, showing how the material integrates external AI tools for student engagement.

IIoTeacher

66% match

Loading thumbnail…

Gist 2dcaad3a5d177257ef30955eada2624a

This visualization uses Three.js to render a three-dimensional scene that presents an academic consent form and instructions for using ChatGPT in a high school digital culture class. The WebGL canvas displays the document text as a textured surface, with the form details, registration steps, and activity guidelines mapped onto the 3D geometry. The material appears to be a rendered paper-like plane with text projected across its surface, creating a physical representation of the digital document. The setup likely uses Three.js scene construction with text applied as textures to show the written information as part of the 3D space.

IIoTeacher

66% match

Loading thumbnail…

Gist 06eb3b9bfe1484e90694e80ffb8694de

This example demonstrates how an educational activity on digital culture and ethics in customs processing can be structured as a visual guide. It shows a poster and brochure template that outlines responsible use of technology, identity security, and legal frameworks like the SAT and Ley Aduanera. The content uses a combination of text sections, bullet points, and embedded reference images to organize the material, including sections on phishing risks and ethical AI use. The rendering relies on static markdown with external image URLs rather than interactive data visualization, presenting the curriculum as a printable handout for classroom use.

IIoTeacher

64% match

Loading thumbnail…

🎯 PROMPT GENERADOR DE MISIONES

This visualization displays a prompt generator for creating customized student missions in dental mechanics training. It functions as an interactive tool that takes a student’s position number as input to generate unique case scenarios involving data privacy and digital file management. The interface renders the prompt text and mission parameters using WebGL, with the underlying code referencing the gist file `TallerCultura-generadorCasos.md` as its source. The visualization shows the structured prompt template, including sections for context, problematic situations, and evaluation criteria, demonstrating how variable inputs alter the generated content.

IIoTeacher

64% match

Loading thumbnail…

🦷 MISIÓN 01 – “Técnico Dental Digital Responsable”

This gallery example shows a mission-style poster for dental technology students, emphasizing ethical and digital responsibility in a laboratory setting. The design presents a scenario about unauthorized sharing of patient data and prompts viewers to create their own poster using Adobe Express, with sections on objectives, technical requirements, and reflection. The visualization uses a clean, instructional layout with clear typography and a structured hierarchy to guide the reader through the material. The data is rendered as static text and images, relying on the provided gist file and image asset rather than interactive libraries or APIs.

IIoTeacher

63% match