View CNN.com by iframe

100%

View CNN.com by iframe

✓ Published0🌍 Public

Last edited Jan 20, 2017

Created on Jan 17, 2017

This example demonstrates a historical snapshot of CNN.com’s homepage replayed inside a web iframe, using the pywb web-archiving framework. The visualization shows how the original page’s JavaScript-driven content, including lazy-loaded zones and carousels, is reconstructed from archived assets. The code references CNN’s custom inline scripts—such as `CNN.Zones`, `CNN.contentModel`, and `pageReveal`—alongside the iframe’s `seamless` attribute. The pywb replay uses `wb.js`, `wb_frame.js`, and `default_banner.js` to embed the captured page, with the source being a captured timestamp from the archive.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 2d272134b57b02eb8cdd0c5904249591

This example tests the archival fidelity of a web page by loading a series of images and scripts that mimic dynamic behavior, including DOM manipulation, AJAX requests, and delayed updates. It uses JavaScript’s `XMLHttpRequest` to fetch remote images and replaces them via base64 data URLs, while `setTimeout` and scroll events trigger asynchronous content changes. The page is rendered within an iframe by the pywb web archiving tool, with a banner and rewrite layer applied. The visualization demonstrates how archived sites handle live interactions and resource loading over time.

NN0taN3rd

69% match

Loading thumbnail…

test

This example shows a CNN homepage as captured by the Wayback Machine, with multiple interactive zones and containers that lazy-load content. The code defines a configuration object for CNN.Zones, listing twenty-seven zones and seven containers, and sets thresholds for sibling navigation and byline images. It uses JavaScript object literals and conditional error handling to manage webpack assets, but does not invoke any visualization libraries or render data directly. The page remains static in the provided body HTML.

NN0taN3rd

65% match

Loading thumbnail…

WICN Radio Now Playing IFrame

This example shows a live "Now Playing" widget from WICN Radio, embedded in a full-screen iframe. The iframe loads the Spinitron web integration widget, displaying the current track, recent plays, sharing options, album cover art, and a player. The page uses minimal HTML and CSS to position the iframe fixed to the viewport. The code does not rely on JavaScript APIs or libraries; it directly embeds the remote Spinitron widget.

CCurran Kelleher

63% match

Loading thumbnail…

pywb proxy mods

This visualization shows the internal logic of the pywb web archiving proxy, displaying how HTML, CSS, and JavaScript content is rewritten during replay. The animation illustrates the code paths for rewriting HTML tags and attributes via the `HTMLRewriterMixin`, and content sanitization through `RewriteContent` using regex patterns for meta refresh and charset detection. The wombat.js script implements client-side URL rewriting with a JavaScript state machine that handles absolute, relative, and proxy-mode URL transformations. The gist demonstrates the interaction between these Python and JavaScript modules in the pywb rewriting pipeline, emphasizing the regex-based parsing and URL manipulation strategies.

NN0taN3rd

63% match

Loading thumbnail…

Usage

This example demonstrates how to replay a historical archived version of the CNN homepage through a headless Chrome browser. It loads a specific Wayback Machine capture from December 2017, setting the viewport to a fixed 1920×1080 resolution. The script uses Puppeteer to launch the browser, and injects a custom `magic` function that overrides `document.domain` to mimic the live site’s domain for proper page behavior. The navigation targets the archived URL directly, with a 60-second timeout, and any errors are logged to the console.

NN0taN3rd

63% match

Loading thumbnail…

Still Drinking Gin And Juice

This example plays a trick on the Wayback Machine by loading a hidden iframe that captures the archived page’s React and ReactDOM libraries, then re-mounting a new React component inside that iframe. The visualization itself is not yet defined in the provided snippet, but the code sets up a full-screen canvas-driven animation framework using React and the browser’s native canvas and animation APIs. Images of frogs and a banner are fetched from the Internet Archive’s geocities.com captures, hinting at a playful, retro-themed visual collage. The page also manipulates browser history to disguise its origin and hides the archive’s toolbar.

NN0taN3rd

58% match

Loading thumbnail…

Lets Make The CNN Archive Great Again: Unmangled Mins

This animated visualization compares two versions of CNN’s minified JavaScript files—one from 2016 and one from 2017—by tracking the global variables and property chains each file assigns, such as `CNN.Analytics` and `CNN.contentModel`. The data comes from a gist that parses unmangled code into structured objects mapping each property to its right-hand-side value. Rendering as an animation, it highlights how the codebase’s global footprint changes over time, using the file’s own JavaScript structure as the input rather than external libraries.

NN0taN3rd

56% match

Loading thumbnail…

Web Archive Bookmarklet Code

A one-line JavaScript bookmarklet opens the current page in the Internet Archive’s Wayback Machine. The code triggers `window.open` on the URL formed by concatenating `'https://web.archive.org/web/'` with the live document’s `location.href`. This example demonstrates URL string construction and the Web’s `window.open` API for navigation, with no charting or graphics libraries involved. The plain text snippet contains no data visualization logic, showing instead a minimal utility for historical page capture.

NNGuernse

54% match