Pagina con ChatGPT-4 e DALL-E API

Cards

This example presents a horizontally scrollable gallery of interactive cards, each displaying an image from a shuffled list of external URLs on its front and descriptive placeholder text on its back. Clicking a card triggers a CSS 3D flip animation, revealing the back content, while hovering lifts the card and shifts neighboring cards horizontally to create a stacked effect. The implementation combines plain JavaScript for DOM manipulation and event handling, alongside D3.js v6 for data shuffling and image loading, with all visual effects driven by CSS transitions and transforms.

MMTR

60% match

Chatgpt 36 casos de uso

This example presents a structured table of 36 distinct use cases for ChatGPT, sourced from a gist by IoTeacher, with columns for the topic, a description, and a sample prompt. The visualization renders the markdown table directly, organizing the data in a clear, readable grid that highlights the breadth of applications, from answering questions to generating plot ideas. The code relies on standard table rendering without external visualization libraries, using basic HTML and CSS for layout, and displays the original Spanish-language content from the TipsChatGPT.md file, such as “Responder Preguntas” and “Crear Historias,” as plain text in each row.

60% match

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.

59% match

Pracitcas con OLED display acumulativas de LDI

This visualization demonstrates a Raspberry Pi Pico W with an OLED display, combining two interactive exercises. The first shows a regional weather menu with five simple animated icon bitmaps controlled by physical buttons. The second displays a short, pre-prompted response from the OpenAI API, such as a joke or recipe, with the output truncated to fit the screen. The code uses the `ssd1306` library for OLED rendering and the `urequests` library to call OpenAI's chat completions endpoint, managing the API response text for clear on-device display.

rohit @krishnanrohit · Feb 6 The system prompt for ChatGPT is absurd! h/t @dylan522p , and I independently verified across a couple devices.

This example visualizes a text-based system prompt as a circular, node-link diagram using D3’s force simulation. It shows the hierarchical structure of tools, namespaces, and policies embedded in the prompt, with each text block rendered as a labeled circle. The code uses `d3.forceSimulation` for layout and SVG elements for rendering, drawing from the raw `Chatgptsystem.txt` file to map the prompt’s nested sections into a network of interconnected nodes.

Giulio's HTML Starter

A grid of one hundred cartoon faces, each generated with random parameters, fills the page. The faces show varied expressions through pupil position, eye size, strabismus, mouth shape, and stroke width. The visualization is built with React and D3, using SVG circles for eyes and the d3.arc API for mouths. Props control appearance, with random values assigned to variables like pupil direction and mouth smile in the component tree.

GGiulio Bontadini

Final Project D3

This example displays the text “Hello HTML!” in large, centered type using a basic HTML page styled with CSS. It is a minimal starter project, intended as a template for building more complex D3 visualizations within a React framework. The code uses standard HTML and CSS for layout and styling, with no JavaScript or D3 APIs such as `d3.forceSimulation` currently in use. The visualization itself is static, showing a simple message rather than a data-driven chart or interactive graphic.

Nnknk

D3 Learning

This example demonstrates a minimal HTML page rendered with React, displaying the text “Hello HTML!” in large, centered type. It uses CSS for styling and plain JavaScript within an HTML structure, showcasing the integration of D3’s ecosystem with React. The code relies on standard DOM elements and CSS properties rather than D3-specific APIs, serving as a starting point for learning D3 in a React environment. The page is static, with no data loading or interactive visualization.

GGrace Valerie Anyango