Gist 239553

100%

✓ Published0🌍 Public

Last edited Nov 26, 2009

Created on Nov 20, 2009

This example demonstrates a callback-based JSONP endpoint that returns user-specific data wrapped in a function call. The server receives a URL with two parameters, `u` (user) and `c` (callback), and responds with the callback function name followed by a JSON array of objects. The visualization uses the returned data from the test application to display the correct user information, including their score and position, along with styled "RT from" mentions containing colored usernames. The code relies on the `json.php` server-side script and the client-side callback function `myfunc` to handle the data transfer.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 7232670

This example demonstrates how a single-page application skeleton is transformed from a static document into an interactive, AJAX-driven experience. The visualization shows a list of user-submitted code entries, with each entry dynamically loaded and rendered without a full page refresh. The implementation uses jQuery’s `$.ajax` method to fetch the `lucky_ajax.md` file and other resources, then updates the DOM with the retrieved content. The code also relies on JavaScript’s `Promise` API for handling asynchronous responses, and highlights the use of `XMLHttpRequest` for network communication. The data source is the downloaded application skeleton, whose structure is revealed through the fetched files. The example focuses on the interaction between client-side scripting and server responses.

EElaineYu

60% match

Loading thumbnail…

Gist 7d6a7404e99051bb7d2f36c61f0113ae

This example demonstrates functional programming techniques in JavaScript, including currying, composition, and generator functions. It shows how currying enables partial application, as seen with the `sum` function and reusable helpers like `getName` and `mapUserNames`. The code uses `compose` with `reduceRight` to chain array transformations, filtering user names by length. It also illustrates generator behavior with `next(true)` to control iteration completion. The data is a hardcoded array of user objects, and output is logged to the console via `console.log`.

IIliaIdakiev

59% match

Loading thumbnail…

Gist 7a408ae6b97507c83e6613316e32a9c7

This example contrasts two JavaScript approaches for fetching GitHub user data from the GitHub REST API. It uses the Fetch API to request `https://api.github.com/users/mistyblunch` and logs the resulting JSON. The first method chains `.then()` callbacks in a Promise-based function, while the second defines an `async` function that uses `await` to handle the response and return the parsed JSON object. Neither function performs any visualization or rendering—only console output.

MMistyBlunch

57% match

Loading thumbnail…

Gist 7233762

This example shows a JavaScript application skeleton converted to use AJAX, with the updated files provided as a gist. The code demonstrates an asynchronous data-loading pattern, fetching external resources via `XMLHttpRequest` or a similar AJAX mechanism. It relies on standard browser APIs for handling responses and updating the page content dynamically. The visualization aspect is minimal, focusing instead on the structural change from a static app to one that retrieves data on demand. The author lists the modified files and includes instructions for downloading the original skeleton, making the gist a practical exercise in refactoring for asynchronous behavior.

EElaineYu

57% match

Loading thumbnail…

Gist 154614

This example demonstrates how to build a dynamic, animated data visualization using the Firebug debugger service. The code, written in JavaScript, initializes components through the XPCOM interface and uses the jsdIDebuggerService to interact with JavaScript execution. It processes source code by matching patterns with regular expressions to identify functions and URLs. The visualization uses an animation rendering approach, driven by the underlying Firebug runtime environment, to explore and display code structures in a dynamic way. The data source is the JavaScript files being analyzed for function names and location details.

CCaged

56% match

Loading thumbnail…

Fork of test-0601-3

This example displays the total number of user sessions from a remote JSON dataset, rendering a horizontal bar chart that compares session counts across different user types. The visualization uses Vega-Lite and the Vega-Lite API to define a bar mark, with the x-axis encoding quantitative user numbers (scaled to a 0–300 domain) and the y-axis encoding categorical user types. The total session count is also injected into the page’s heading via `document.getElementById`. Data is fetched asynchronously from a GitHub gist using the Fetch API, and the chart is appended to a DOM container.

HHalcyonWjr

56% match

Loading thumbnail…

Gist 660bf021ec250dfb10016d384d524bd7

This example shows a real-time chat application where users exchange messages through a Node.js server. The visualization tracks message flow and user activity using a force-directed graph rendered with D3.js’s `d3.forceSimulation` for node positioning and link physics. Each user appears as a node, with edges connecting them to messages they send, while color and size encode online status and message frequency. The code uses Socket.IO for live data updates and D3’s `transition.attrTween` to animate new nodes and links smoothly as events arrive, making the conversation pattern immediately visible.

FFrankieFabuloso

55% match

Loading thumbnail…

Gist f25f852eb839dbcd3dd2a6c7048c37ee

This example demonstrates a promise-based HTTP wrapper for fetching data from the JSONPlaceholder API. The code defines a `makeRequest` function that constructs a request path from user-supplied command-line arguments, using Node’s built-in `http` module to send a GET request to `jsonplaceholder.typicode.com`. It parses the response body as JSON and resolves the promise with the parsed data, while rejecting with an error message for non-200 status codes. The module exports the function for reuse.

PPeleke

55% match