FB test

100%

✓ Published0🌍 Public

Last edited Jan 13, 2012

Created on Jan 13, 2012

This example shows a Facebook friend-selection interface that queries the Facebook FQL API to find friends whose names contain the letter "a" and who are app users. The code uses the Facebook JavaScript SDK and jQuery, with CoffeeScript handling the asynchronous API call to retrieve user names, profile pictures, online presence, and post permissions. The page embeds a Facebook login button and SDK initialization, then logs the filtered friend results to the browser console. No visual rendering or charting library is used; the output is purely the raw data returned from the FQL query.

AI-generated description

Similar vizzes

Loading thumbnail…

Facebook Data Viz Network

This example visualizes a Facebook friendship network as a force-directed graph, showing clusters of connected users through nodes and links rendered on a Canvas. The code loads edge data from `facebook_data.csv`, builds nodes from unique source and target IDs, and uses `d3.forceSimulation` with `forceX`, `forceY`, `forceCollide`, `forceManyBody`, and `forceLink` to position the network. Each tick updates the canvas by clearing it and redrawing links as lines and nodes as circles, with node names mapped via the `d.id` accessor.

EELBOUNIAmine

62% match

Loading thumbnail…

Gist 6b70052296ccf0ebf338143509429d64

This example simulates a simplified Facebook-like social network in Ruby, using a `User` class to model profiles, friendships, and wall posts. The code defines methods for adding friends and posting content to another user’s wall, checking friendship status before allowing a post, and initializing two user objects with sample data. It uses the `pry` debugging library via `binding.pry` to pause execution and allow interactive inspection of the state, with no graphical output or external visualization library.

JJastor11

59% match

Loading thumbnail…

Vis of facebook relations

This visualization displays a Facebook social network using two coordinated views: an adjacency matrix showing connections between users, and a force-directed node-link diagram. The matrix uses colored cells to indicate relationships, while the network graph reveals community structure through node coloring based on degree centrality. Built with D3 v5, the visualization employs `d3.forceSimulation` for layout and `d3.forceLink` for edge positioning. Users can zoom and pan the network view, while clicking nodes or matrix cells logs their identity. The underlying data is loaded from a TSV file listing Facebook friend pairs.

EELBOUNIAmine

57% match

Loading thumbnail…

facebook_matrix

This matrix visualization maps friendships between 58 Facebook users, with each of the 3,980 rows in the dataset representing a directed edge from one user to another. The visualization uses a 64×64 adjacency matrix where dots are plotted at coordinates corresponding to user IDs, revealing the network's structure through the resulting point pattern. The data, sourced from a gist by ByronHan333 under the MIT license, shows clustering patterns along the diagonal with notable outliers, as connections are concentrated among users with similar ID ranges. The sparse scatter of points across the matrix highlights the social graph's density variations and community structure inherent in the Facebook friendship network.

BByronHan333

56% match

Loading thumbnail…

Handling Facebook Pagination - NodeJs

This example demonstrates how to handle Facebook’s paginated API responses using Node.js, mapping the iterative fetching logic into a clear visual flow. The visualization tracks how each page of results is requested, parsed, and concatenated until the `paging.next` URL is exhausted, highlighting the loop that drives sequential data retrieval. Built with React, it uses a step-by-step diagram to show how the access token, API endpoint, and pagination cursor interact—making the asynchronous, stateful nature of cursor-based pagination intuitive for developers.

IIbrahimSassi

56% match

Loading thumbnail…

Viz of facebook relations

This example visualizes Facebook relationships using a combined force-directed graph and adjacency matrix. The left panel shows a network of nodes connected by links, built with `d3.forceSimulation`, while the right panel displays a grid representing the adjacency matrix, where each cell’s fill opacity reflects link weight. Clicking a node in the graph or a grid cell highlights the corresponding link in both views, using D3’s selection and event handling. Data comes from an external CSV edges file, and the visualization renders with SVG.

EELBOUNIAmine

54% match

Loading thumbnail…

Firebug : go to canvas!

This example shows how to redirect Firebug’s command-line context to Facebook’s canvas iframe, enabling direct JavaScript and jQuery selector access from the console. The code executes a single Firebug API call, `cd($$(".canvas_iframe_util")[0].contentWindow)`, which uses `$$` to select the first iframe with the class `canvas_iframe_util` and then switches the console’s working window to that iframe’s content. It relies on Firebug’s built-in command-line functions rather than external libraries. The snippet is derived from a Stack Overflow answer and also includes a bookmarklet version for one-click activation.

Aabernier

54% match

Loading thumbnail…

Gist 233265

This example demonstrates a code diff that modifies Facebook's autocomplete textbox to support spaces in addition to commas as separators. The patch updates the `facebooklist.js` module, specifically altering how `KEY_COMMA` and `KEY_SPACE` constants are defined and used within the `Event` object, and refactors separator-handling logic in the `TextboxList` and `FacebookList` classes to use object properties (`code` and `value`) instead of hardcoded characters. The rendering approach is a standard GitHub-style diff view, and the code uses JavaScript with Prototype.js-style class definitions (`Class.create`) and event observation (`observe`).

CCaged

54% match