FigJAM con 5 badcodes estructurales para el cierre del tema.

100%

FigJAM con 5 badcodes estructurales para el cierre del tema.

✓ Published0🌍 Public

Last edited Oct 6, 2025

Created on Oct 6, 2025

This example presents five structural code smells in C# that motivate refactoring toward the Adapter, Composite, Decorator, Facade, and Flyweight design patterns. The markdown source documents each case with a problematic class diagram and a code snippet, such as `AuthManager` coupling to `GoogleAuth`, `FacebookLogin`, and `TwitterService` interfaces. The rendering approach is text-based, using C# `Console.WriteLine` to simulate behavior. The gallery highlights the contrast between concrete, inflexible implementations and the suggested pattern-based solutions.

AI-generated description

Similar vizzes

Loading thumbnail…

Patrones de Diseño ejercicios del tema

This visualization presents a curated exercise list for practicing design patterns in .NET Core, drawn from a Markdown file. It categorizes 39 programming challenges into simple patterns like Singleton, Factory Method, and Observer, as well as combined patterns such as Composite + Iterator and Command + Memento. The display renders the exercise titles and their pattern classifications, likely using text-based HTML elements or a simple SVG layout to show the structured organization of topics, with no interactive behavior beyond static presentation of the source data.

IIoTeacher

62% match

Loading thumbnail…

Examen UA parte 1 de 2

This example shows a refactoring exercise for the TraxNY jewelry manufacturing system, highlighting design flaws and GoF pattern solutions. The code implements a `ProductionManager` class with conditional logic for product creation, alongside `GoldIngot`, `DiamondLab`, and `Chain` classes that expose procedural methods. It relies on C# console output for reporting and uses string literals like `"gold"` and `"diamond"` for type dispatch. The visualization documents ten detected defects, including OCP violations and tight coupling, with tables listing recommended patterns such as Factory Method and Strategy.

IIoTeacher

58% match

Loading thumbnail…

Gist 7b3e456f8b5bfabfad43776c8e9e2b20

This visualization presents the Gang of Four design patterns categorized into creational, structural, and behavioral groups, displayed as a static Markdown-rendered table within a Vue application. It shows each pattern’s name alongside a concise description of its purpose, such as Factory Method and Singleton. The rendering approach relies on the browser’s native Markdown parsing to format the table content, with no interactive or dynamic visual encoding. The included factory icon image is fetched directly from a GitHub asset URL, while the textual data comes from the embedded `pdd.md` source file, which lists all 23 patterns with their respective categories and explanations.

IIoTeacher

55% match

Loading thumbnail…

Gist 247783

This visualization uses a single file of JavaScript notes to map three inheritance patterns in Douglas Crockford’s code—pseudoclassical, prototypal, and functional—as a branching, node-link diagram. The code renders each pattern as a cluster of objects and functions, with edges showing prototype chains and constructor relationships. It relies on native JavaScript APIs like `Object.create` and constructor functions, while the layout is drawn on an HTML canvas without external libraries. The source is a gist by DylanFM, and the visual emphasizes the structural differences between the patterns by positioning them in separate columns.

DDylanFM

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

54% match

Loading thumbnail…

Coding Adelante: Challenges

This example shows a progression of coding challenges for learning JavaScript, starting with basic functions and building up to object-oriented programming. The gist presents a series of exercises that ask the reader to implement functions like `hello`, `multiply`, `sum`, `isEven`, and `isDivisible`, each with sample inputs and expected outputs shown in commented code. The visible API is plain JavaScript, using console output via `console.log` and standard function declarations. The examples gradually introduce arrays, conditional logic, and higher-order patterns, with the source being a single Markdown file from a gist. The rendering approach is purely text-based, with code blocks and comments that illustrate function behavior without any graphical or external library dependencies.

HHerbCaudill

52% match

Loading thumbnail…

Canta los Patrones de Diseño GoF con Suno

This example visualizes the process and evaluation criteria for a classroom activity where students learn the 23 GoF design patterns by composing and generating original songs. It presents the activity’s three main phases, supporting learning evidence, and a detailed scoring rubric using a Markdown table. The representation is a static document, rendered directly from a raw `sunoGoF.md` file, displaying the lesson plan’s structure through standard Markdown formatting, including ordered lists, headers, and a table. The content specifies the use of Suno AI for audio generation and a rubric with performance levels.

IIoTeacher

52% match

Loading thumbnail…

Code Examples

This example presents a collection of interactive C# code demonstrations embedded within a webpage. Using jQuery Mobile's collapsible widgets, the page organizes four distinct programming examples, including an Xunit test, JSON deserialization from local or web sources, a threading example, and a routine to sort and retrieve the top ten pizza toppings from order data. Each example is rendered live within the page via an iframe sourced from DotnetFiddle, allowing viewers to see the code and its output directly. The layout uses HTML and CSS for structure and styling.

JJn1532

52% match