Cognify Introduccion.

100%

Cognify Introduccion.

✓ Published0🌍 Public

Last edited Nov 12, 2024

Created on Nov 11, 2024

Cognify Introducción presents a speculative justice-reform concept through a single-page narrative visualization. The example combines Spanish-language textual exposition with a custom graphic that illustrates artificial memory implantation, depicting a human head with neural pathways and data overlays. The visualization uses D3.js force simulation for networked node positioning and SVG paths to render the anatomical and technological elements. The data originates from a Markdown document, structured as a static infographic rather than a data-driven dashboard, with the imagery reinforcing the system’s proposal for empathy-based rehabilitation.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 9c94ac1b87f282ce499922c805985c51

This example presents the Cognify project, a proposal for a criminal rehabilitation system that uses artificial memories to replace traditional incarceration. The visualization is a single-page, text-heavy infographic that outlines the system's objectives, functionality, and societal impact. It relies on a static HTML and CSS layout to render the document structure. The data is displayed as plain text from the markdown source, with an embedded image screenshot providing visual context. The page does not use interactive visualization libraries; it is a straightforward, scrollable document presentation.

IIoTeacher

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

61% match

Loading thumbnail…

La Inteligencia Artificial en Código: El Enfoque del Vibe Coding para el Prototipado

This visualization presents a text-based analysis of Vibe Coding, a programming approach where large language models generate code, using a gist document as its data source. The display structures the content from the markdown file into an organized layout, highlighting key sections such as the introduction, advantages, disadvantages, and conclusion. The visualization uses HTML and CSS to render the document’s headings, paragraphs, and bullet points, creating a clear, readable hierarchy for exploring the arguments about AI-assisted prototyping. No interactive charts or data-driven graphics are present; instead, the focus is on presenting the textual information in a clean, typographic format.

IIoTeacher

61% match

Loading thumbnail…

Claude

This interactive explainer demonstrates three distinct AI prompting strategies—prompt crafting, financial stock analysis, and research-driven coding—within a single glassmorphism-styled interface. Users trigger scenarios through buttons to compare system-prompt variations and observe real-time behavioral outputs. The visualization combines custom CSS gradient overlays with frosted-glass panel effects, while JavaScript handles scenario switching and dynamic feedback logs. Code snippets are rendered as formatted markdown blocks, showing users practical prompt structures they can adapt for their own AI workflows.

JJastor11

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

57% match

Loading thumbnail…

InfoVis Master Task - Brain Prints

This interactive visualization presents "Brain Prints," a collection of vector-based brain illustrations rendered as a static SVG display. The code defines each brain using complex path data with absolute coordinates, utilizing cubic Bézier curve commands (c) and line commands (l) to construct the detailed neurological forms. Built with React and D3.js v5, the visualization applies a transformation that scales the coordinate system by 0.1 and flips the y-axis, while the SVG viewBox maintains a 1280x1090 aspect ratio. The CSS constrains the display width to 300 pixels, creating a compact presentation of the intricate brain imagery.

VVadym Hrynyk

57% match

Loading thumbnail…

Gist 34f3e588a35b33357c08853c2370036b

This visualization catalogs AI tools and resources, organizing hundreds of links to libraries and APIs for foundation models, model development, vector databases, and multimodal systems. The layout groups entries by category—such as OpenAI function calling, Microsoft’s BitNet framework, and Hugging Face collections—using a hierarchical list format. It references tools like LM Studio for local deployment, Pyannote for speaker diarization, and Edge-TTS for text-to-speech, with GitHub repositories and documentation pages as primary sources. The rendering relies on standard Markdown headers and hyperlinks to create a browsable, text-based reference.

JJastor11

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

56% match