Gist 5abc1045894890074dba47be30e4c098

100%

Gist 5abc1045894890074dba47be30e4c098

✓ Published0🌍 Public

Last edited Feb 23, 2026

Created on Feb 23, 2026

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.

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

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

74% match

Loading thumbnail…

Gist 626d64298c79f4cc42c6382ca71d1680

This example presents a structured guide for using NotebookLM, branded as "NotebookML," in a first-semester high school setting. It outlines pedagogical strategies, recommended resource types, and seven categories of classroom activities, including automatic quizzes and step-by-step tutoring. The visualization includes specific prompt templates for students, such as "explain this as if I were 12," and proposes three complete practical exercises integrating mathematics, cultural digital topics, and Micro:bit programming. The content is organized with emojis and a clear hierarchical structure, relying on the Markdown format for its presentation.

IIoTeacher

72% match

Loading thumbnail…

Gist 157d2fb473ddc8719ba8dfc52131a917

This example presents a structured classroom activity that guides students through creating a song about digital identity and online safety using Suno AI. The visualization shows a lesson plan with step-by-step instructions, evaluation criteria, and key vocabulary, rendered as a markdown document. It displays curriculum-aligned learning objectives and expected outcomes, supported by tables that organize the activity sequence and assessment rubric. The material references SEP curriculum guidelines for Cultura Digital I and lists specific digital tools like Suno AI and Adobe Express for the creative task.

IIoTeacher

71% match

Loading thumbnail…

Gist 01500f8ab6e9b7d98dd0aeea50347b9f

This example shows how a classroom activity integrates generative AI tools to design community micro-campaigns. It demonstrates a structured session where learners use ChatGPT, Adobe Firefly, and Adobe Express for ideation, visual production, and operational strategy. The visualization relies on text-based prompts and workflow steps rather than code libraries. It displays the pedagogical flow, including phases for guided activity, critical reflection, and optional mini-challenges, without using data-driven rendering or computational graphics.

IIoTeacher

71% match

Loading thumbnail…

Gist e30b580e1eb3c9e76102ba926ac0e85a

This example shows a complete GitHub Classroom activity template in Spanish, guiding students through designing a small thematic practice project using ARM64 Assembly, Bash, Python, or C. It emphasizes documentation-first development, with a structured repository of Markdown templates for proposal, use case, repository structure, and test plans, plus a shell script and source stub. The visualization relies on plain text file rendering via the web interface, illustrating how to scaffold a minimal, well-documented coding assignment without external frameworks or complex dependencies. The code uses no external libraries, focusing instead on repository organization and pedagogical instructions.

IIoTeacher

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

69% match

Loading thumbnail…

Primera actividad secuencia 1

This example presents a one-hour classroom lesson plan for teaching digital citizenship and ethics to electronics students, structured with concept explanations, a guided design activity using Adobe Express, and a critical reflection section. The markdown file outlines learning objectives, activity instructions, design requirements, and assessment prompts. It uses the TDC-SQ1-Electronica.md file as the sole data source, with the content displayed as a structured document showing headings, lists, and quoted prompts. No code libraries or APIs are involved, as the visualization renders the raw markdown text directly.

IIoTeacher

69% match