GPT3 prompt

100%

✓ Published0🌍 Public

Last edited Nov 29, 2021

Created on Nov 29, 2021

This example demonstrates how a generative prompt can transform raw running statistics into personalized, motivational narratives. It shows a template where runner data—name, distance, total runs, hours, streak, climb, and classification—are inserted into a structured story, with comparisons like "run around the world in 14 years" making the numbers relatable. The code relies on string templating (likely via a language like JavaScript or Python) to populate the narrative field, while the data source is a simple text file with key-value pairs. The rendering is plain text output, with no visual charts or libraries involved.

AI-generated description

Similar vizzes

Loading thumbnail…

running report GPT3 prompt

This example visualizes the running habits of several athletes, generating a playful, personalized narrative for each based on their weekly patterns. It shows when each runner tends to go out, the typical time of day, and their preferred days for long runs and workouts. The code uses a simple data structure and template-based text generation, likely via a GPT-3 prompt, to produce the fun, inspiring summaries displayed alongside each runner’s profile.

CColinEberhardt

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

57% match

Loading thumbnail…

Gist 2d3cb8226bab03a0e983307f69227635

The visualization charts a runner’s daily logged miles for May 2017, revealing a pattern of alternating effort and rest days, with distances ranging from zero to eight miles. It shows how the runner consistently pairs a zero-mile recovery day after every three to four active days, while gradually increasing peak distances over the month. The chart is built using D3.js, likely with a line or bar encoding for the distance values, and parses the CSV data from the provided file. The implementation relies on D3’s scales and axes to map dates and miles, though no interactive or animated features are present in the source data.

FFrank515

56% match

Loading thumbnail…

Gist ab5ccee1fb22209a4bcd0bd65dd71ca1

The visualization tracks a 31-day running plan by comparing planned distances with actual run times. It shows how each day’s planned mileage relates to the time spent running, with zero-mile rest days clearly marked. The code uses `d3.scaleLinear` for axes, `d3.line` for the distance and time paths, and `d3.axisBottom` for the day labels. Data comes from two CSV-like sources embedded in the gist, and the chart renders as an SVG with a smooth line for distance and a separate line for time, making the daily variation and rest-day pattern immediately visible.

FFrank515

56% match

Loading thumbnail…

Gist fb66506b6acde1bc784498d56ae697f3

The visualization charts a 31-day running plan, showing daily distances that alternate between rest days (0 miles) and active runs peaking at 8 miles. It uses a line chart to reveal the repeating weekly pattern of three running days followed by a rest day, with gradual increases in mileage over the month. The code parses the CSV data from the gist file and renders a simple SVG path, relying on D3’s scale functions for axes and data mapping. No interactive or animated features are present, focusing solely on static comparison of daily effort.

FFrank515

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

55% match

Loading thumbnail…

Gist 043532d6e0e677b8c9ccd8d994c70116

This interactive typing game tracks a player’s progress through a character-by-character comparison of their input against a target phrase. The interface uses React state management (`useState`) to store the snippet, the user’s typed text, and a game-state object that records victory status and start/end timestamps. The initial game state is defined as a constant with `victory: false` and null time fields, which are later updated as the game runs. The visualization does not include any graphical charting library; instead, it relies purely on React’s rendering and state logic to display the comparison and status.

115Dkatz

55% match

Loading thumbnail…

Gist b33154065c8c297e8bb1ee38a500a7f6

This example shows how to convert Python type annotations into a structured prompt that guides users through solving problems with the fastcore library’s py2pyi module. It uses plain text instructions and analogies to explain the module’s role in generating type stubs. The visualization relies on a text-based conversational interface, not graphical rendering, to break down tasks into beginner-friendly steps.

深深度碎片

54% match