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

100%

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

✓ Published0🌍 Public

Last edited Mar 3, 2026

Created on Feb 20, 2026

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.

AI-generated description

Similar vizzes

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

75% match

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

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

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

🎙 MISIÓN 01 – “Comunicador Digital Responsable”

This visualization presents a mission brief for digital communication ethics, structured as an interactive poster with sections on responsible AI use, digital reputation, and copyright norms. It uses D3.js to render a force-directed network of ethical principles, connecting concepts like identity, privacy, and credibility through draggable nodes. The layout, based on a markdown source file, applies d3.forceSimulation with link and charge forces to create a dynamic mind map. Hover states highlight connections between the four core competency areas.

IIoTeacher

68% match

Loading thumbnail…

🏗 Actividad 1 – Dibujo Arquitectónico y Cultura Digital

This interactive network graph visualizes the responsibilities and ethical considerations of architectural drafting in the digital age, sourced from a Markdown activity prompt. The visualization uses a force-directed layout via d3.forceSimulation to position nodes representing key concepts like copyright, technical security, and professional reputation, with links encoded as SVG paths. Animated transitions, driven by transition.attrTween, highlight node interactions when hovering, while the overall structure emphasizes the balance between technology tools (AutoCAD, AI) and human judgment, reflecting the document’s call for responsible digital citizenship.

IIoTeacher

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

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

66% match