prompt text for AI train guy

100%

prompt text for AI train guy

✓ Published0🌍 Public

Last edited Nov 19, 2021

Created on Nov 19, 2021

This visualization is a network graph of a scripted conversation between two characters, "Col" and "Jeff," rendered as a force-directed layout. The data comes from a text file containing the dialogue, which is parsed to extract characters and their speaking turns. It shows how conversational topics and tone shift across different locations and situations. The graph uses D3.js’s `d3.forceSimulation` to position nodes, with links representing dialogue edges. Node colors encode the comment topic, while node size reflects message frequency. The rendering relies on SVG paths and `d3.forceLink` for edge bundling.

AI-generated description

Similar vizzes

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

65% match

Loading thumbnail…

task_3_ans

A force-directed graph of character relationships is rendered as an interactive network. The visualization uses `d3.forceSimulation` with link and charge forces to position nodes, while `d3.drag` enables user interaction. Each node represents a character, with its size and color indicating relative importance, and connecting lines show pairwise links between them. The layout is computed dynamically as the simulation runs, producing a stable, readable cluster structure. The graph is drawn entirely with SVG elements and styled through the provided stylesheet, which centers the chart and sets a large message caption above it.

Hhlmn4936@gmail.com

64% match

Loading thumbnail…

Gist 8a97689739c217f28474d80c89013628

This visualization uses a force-directed graph to show relationships between entities, with nodes positioned by `d3.forceSimulation` and links drawn as curved paths. The code computes node sizes and colors from quantitative attributes, while a canvas overlay via `d3.geoPath` and `getImageData` samples pixel density to modulate link opacity based on local clustering. It employs a custom `transition.attrTween` to animate node drift when the simulation restarts, and uses the `d3.hierarchy` API to flatten nested data from a JSON file. The visualization reads credentials from an `env.list` file for a private data source, but the rendering logic is independent of that authentication step.

CConorAspell

63% match

Loading thumbnail…

Gist 05ff2219cb2cc463ad1612e8a501c400

This visualization uses a force-directed simulation to show a network of interconnected nodes, with each node represented as a colored circle and links drawn between related points. The code relies on `d3.forceSimulation` and `d3.forceLink` to compute the layout, while `d3.drag` enables user interaction to move nodes. A canvas element renders the graph, with the simulation updating positions each tick. The data appears to be a small custom-generated dataset of nodes and edges, with node colors mapping to distinct groups, and the visualization does not include any external data source or geographic rendering.

MMistyBlunch

63% match

Loading thumbnail…

Gist 70625

This example visualizes a force-directed graph built with the D3.js library, using `d3.forceSimulation` to compute the layout. The graph’s nodes are rendered as text labels on an HTML5 Canvas, where each label displays a single character from the Gist’s source code. The visualization shows the spatial clustering of these characters, and the code calculates how many times a given character appears in a node’s adjacency list using a custom `f(ra,n)` method. The rendering approach relies on Canvas’s `fillText` for drawing labels, with the simulation updating positions each tick.

DDylanFM

63% match

Loading thumbnail…

Gist 513940c8816d089296e3cffc9eba7f08

This visualization combines a force-directed network layout with an annotated narrative about Fox Terriers, mapping character traits and story fragments as connected nodes. The code uses D3’s `forceSimulation` with custom `forceLink` and `forceCollide` to position nodes, while `transition.attrTween` animates path strokes. The underlying data is a JSON structure derived from the Gist’s text, where each node represents a phrase or concept, and edges follow rhetorical links. Rendering relies on SVG paths generated via `d3.geoPath` for map-like background elements, though the core focus is the interactive graph. The visualization shows how anecdotal text segments, such as hunting stories or personality descriptions, form a semantic web, with color intensity encoding sentiment polarity extracted from the original Russian text.

AAlexDovgan

63% match

Loading thumbnail…

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.

IIoTeacher

63% match

Loading thumbnail…

Gist e23004e556ab1d1e670720475c9ef0ce

The visualization shows a network of connected nodes, each labeled with a letter, where edges link pairs of nodes. It uses d3.forceSimulation to position nodes, with a drag interaction and a highlighted path between two specific nodes. The rendering relies on SVG elements (circles, lines, and text) updated via d3’s data join. The regex pattern `(?<=\d)\s(?=[A-z])` appears in the code, suggesting it processes input text to extract or filter connections, though the exact source data is not visible.

HHugoberry

63% match