Changing sharing data

100%

Changing sharing data

✓ Published0🌍 Public

Last edited Apr 23, 2015

Created on Apr 7, 2015

This example shows how to dynamically update social-media share metadata for a news story. The code reassigns variables such as `storyTitle`, `storyURL`, `storyImG`, and `leadText` to new values, then uses jQuery selectors to overwrite the corresponding `og:title`, `og:url`, `og:image`, and `og:description` meta tags in the page’s head. Finally, it re-fires the `shareInit` function on two share-bar elements to refresh the buttons with the updated data. It relies on the jQuery library for DOM manipulation and a custom `shareInit` function.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist ad405e427fedfdfff3b391b2488371c8

This example demonstrates how to dynamically replace Yoast SEO title placeholders with actual post data for display in a visualization. It shows the process of retrieving a custom title from post metadata, falling back to default SEO title settings or the post title if none exists, then applying variable substitution. The code uses WordPress functions like `get_post_meta()`, `wpseo_replace_vars()`, and `get_option()` to handle the logic, ultimately echoing the final processed title. The rendering approach relies on server-side PHP within a WordPress environment, not on client-side visualization libraries.

KKopylovVitalik

55% match

Loading thumbnail…

Gist f0b5295ac06573fd875dac15dc6fe1e1

This example logs a shuffled array and fetches JSON data from a Dallas News data store containing Cowboys draft history. Using jQuery for DOM readiness and Lodash's `shuffle`, it imports a custom `getdata` module that relies on `d3-fetch`'s `json` function to asynchronously retrieve the dataset and output it to the console. The code also demonstrates commented-out alternatives with jQuery's `$.getJSON`, showing a work-in-progress approach to loading and logging the same external JSON resource.

LLayne Smith

54% match

Loading thumbnail…

Fork of HTML Starter

This example renders a static social media feed interface with HTML and CSS, mimicking the layout of a typical news feed. It displays several posts with author names, timestamps, and content, including a text-heavy post on Buddhist philosophy. The design uses a clean, minimalist style with a white header, a container for posts, and action links like “Like,” “Comment,” and “Share.” No external JavaScript libraries or data APIs are used; the feed is entirely hard-coded in the HTML document, with styling handled by embedded CSS rules for layout, spacing, and typography.

NNita

51% 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

50% match

Loading thumbnail…

Page Title. Maximum length 60-70 characters

This is a reference sheet listing HTML meta tags, with code examples covering basic metadata, social media tags, and OpenGraph properties. It is a static text document, not an interactive visualization. The content is sourced from a gist by GerHobbelt, which itself cites code from kevinSuttle and lancepollard. The page is structured with fenced code blocks showing `<meta>` tag examples, including attributes like `charset`, `name`, `property`, and `http-equiv`. It does not use any JavaScript libraries or dynamic rendering.

GGerHobbelt

50% match

Loading thumbnail…

Gist 4e224719a58f232f8f26

This example demonstrates how to build a Jekyll blog post layout that displays article metadata alongside author information. The template uses Liquid templating to pull author details from a `_config.yml` file, showing how to associate blog posts with specific authors via YAML front matter. It renders the post title, publication date, and author name using the `site.authors` data structure and `page.author` variable. The code highlights Jekyll's built-in templating system for managing multi-author blogs without external JavaScript libraries.

RRestuta

50% match

Loading thumbnail…

Update d3.js data with button press

This example demonstrates how to update a line graph by pressing an "Update" button. It uses D3.js version 3.5.17 to render an SVG line chart of date and closing value pairs. The interaction is handled by an HTML `onclick` event that triggers the `updateData()` function, which re-fetches a different CSV file (`data-alt.csv`). The axes and line path are then updated with a smooth 750-millisecond transition, showing how to dynamically replace the dataset and rescale the visualization.

Dd3noob

50% match

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

50% match