Tema 1: Cultura Digital y Ciudadanía

100%

Tema 1: Cultura Digital y Ciudadanía

✓ Published0🌍 Public

Last edited Feb 27, 2026

Created on Feb 20, 2026

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.

AI-generated description

Similar vizzes

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

75% match

Loading thumbnail…

5b-CD1 📘 Actividad en Canva – Cultura Digital I

This example presents a classroom activity in which students create a collaborative infographic in Canva, exploring the distinction between hardware and software alongside key milestones in digital history. The gist includes a markdown file with structured instructions, a grading rubric, and AI-ethics prompts, while the embedded image previews the intended visual outcome. It is designed for a 50-minute session using Google Classroom for submission, positioning Canva as the primary design tool for the educational task.

IIoTeacher

70% 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

69% 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

69% match

Loading thumbnail…

CyberSeguridad

This example shows an educational campaign for digital security and ethical AI use, presenting a structured activity where students create posters or carousels in Adobe Express. The visualization displays step-by-step instructions, a rubric for evaluation, and creative tips, with the content drawn from a markdown file by IoTeacher. The design uses simple typography and layout to organize the information, making the classroom workflow and assessment criteria easy to follow.

IIoTeacher

68% match

Loading thumbnail…

LabBot Ciudadano Digital

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.

IIoTeacher

68% match

Loading thumbnail…

Para cultura

This visualization presents an educational infographic outlining a classroom activity in which students create digital comics to critically analyze the social impact of technology. The image is a static, stylized visual summary that details the activity's purpose, step-by-step instructions, and a grading rubric. It functions as a reference document, using a structured layout with headings and bullet points to organize the information for the teacher. A firefly image generator and an SVG element are integral to the workflow, as the instructions direct students to use them to produce original artwork for the final comics.

IIoTeacher

67% 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