🏗 Actividad 1 – Dibujo Arquitectónico y Cultura Digital

100%

🏗 Actividad 1 – Dibujo Arquitectónico y Cultura Digital

✓ Published0🌍 Public

Last edited Feb 19, 2026

Created on Feb 19, 2026

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.

AI-generated description

Similar vizzes

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

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

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

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

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

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

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

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

63% match