Google Docs Viewer and Office Web Apps Viewer

100%

Google Docs Viewer and Office Web Apps Viewer

✓ Published0🌍 Public

Last edited Jan 17, 2018

Created on May 22, 2023

This example demonstrates how to embed external document files directly into a webpage using two different browser-based viewer services. It shows a PDF file rendered through the Google Docs Viewer, enabled by an iframe that calls the `docs.google.com/viewer` API endpoint with a `url` parameter pointing to a sample PDF hosted on GitHub. A second iframe displays a Word document via the Microsoft Office Web Viewer, using the `view.officeapps.live.com/op/embed.aspx` API to load a demo `.docx` file. Both examples use fixed-width iframes with a height of 780 pixels to present the documents without leaving the page.

AI-generated description

Similar vizzes

Loading thumbnail…

Fork of Fork of Hello HTML

This example demonstrates a minimal HTML page that displays a YouTube video embed and placeholder text from a README. It shows how a bare-bones web document can include external media through an iframe, with no additional JavaScript or styling libraries. The page relies solely on native HTML elements and the YouTube embed URL, without any data visualization or interactive features. It functions as a starting point for understanding basic HTML structure and embedding, where the visible content is the video player and the document title.

JjulianR-coding

57% match

Loading thumbnail…

Document

This example presents a minimalist HTML page with an embedded YouTube video, accompanied by a stylesheet that removes default body margins and disables overflow. The page itself contains no visible data visualization, instead serving as a document shell with a head section linking to external styling. The visualization gallery entry relies entirely on the iframe integration to display multimedia content, while the JavaScript and CSS files provide no interactive charts, graphs, or data-driven rendering. The title "Document" suggests a placeholder or template rather than a functional visualization, with no libraries like D3 or Three.js being utilized.

RRishabh Tiwari

56% match

Loading thumbnail…

Untitled

This example presents a minimal HTML page that embeds a YouTube video. The page uses an iframe to load the video player, with the embed URL pointing to a specific video ID. The code is a bare-bones skeleton, containing only the essential document structure and the iframe element, with no additional styling or JavaScript libraries. It demonstrates how to directly incorporate external media content into a web page using standard HTML.

RRui Nian

55% match

Loading thumbnail…

Fork of Hello HTML

This example demonstrates a minimal HTML page that embeds an iframe playing a YouTube video. The page contains no visible content of its own; instead, it relies entirely on the external video player for its visual output. The code uses standard HTML elements—`<iframe>`, `<head>`, and `<body>`—to structure the document, with no JavaScript or data visualization libraries involved. The presentation is a plain, bare-bones webpage, highlighting how a simple HTML file can integrate third-party media without additional rendering or data processing.

SShimanWen

55% match

Loading thumbnail…

Fork of Fork of Hello HTML !!!

This example is a minimal HTML page that displays a video embed and a mostly empty document body. It demonstrates the basic structure of an HTML file, with a title and an embedded YouTube iframe. The page uses no JavaScript libraries or data visualization APIs. Instead, it relies on standard HTML elements for content and playback, serving as a starting point for more complex projects.

SStefan Pushkov

55% match

Loading thumbnail…

Untitled

This example presents a live web page that embeds a YouTube video within a minimal HTML frame. The page itself contains no custom data visualization logic, instead relying on the native functionality of the browser and the iframe API to display the external video player. The primary interactive element is the embedded media player, which supports standard playback controls. No additional JavaScript libraries or data-rendering techniques are employed beyond the standard HTML iframe integration.

Pprakhar011

55% match

Loading thumbnail…

Untitled

This example demonstrates how to load and display a single cell from a public Google Sheets document directly in a browser page. The page shows the content of cell A1 rendered as plain text inside a `<pre>` element, with a dark blue background and large Ubuntu font. It uses Google Sheets’ JSON-in-script feed with a callback, and relies on the native `fetch`-like script loading mechanism rather than D3. The code also imports D3’s `select` function in `index.js` to set text on a separate message element, though no such element exists in the HTML.

Kkhalilha

54% match

Loading thumbnail…

New Doc

This example presents a minimal, empty HTML page titled “New Doc,” with no visible data or visualization content. The code consists solely of a basic document structure, embedding a YouTube video iframe within the README for reference. Using the standard HTML5 doctype, head, and body elements, the page loads without any JavaScript libraries, datasets, or rendering APIs—offering a blank canvas that demonstrates the raw structure of an HTML document rather than a functional chart or graphic.

Ssamuelsimkai

54% match