Gist 4124867

100%

✓ Published0🌍 Public

Last edited Nov 21, 2012

Created on Nov 21, 2012

This example demonstrates how to query the Google Timezone API for a given latitude, longitude, timestamp, and sensor flag, then display the resulting time zone ID in an alert. It shows the data flow from a user-submitted form to an API response, with the result printed to the browser console and as a popup. The implementation uses jQuery for form handling and AJAX requests, and wraps the Google Timezone API in a custom YQL table (defined in an XML file) so the client-side JavaScript can access it cross-origin. The timestamp defaults to the current Unix time if left blank.

AI-generated description

YQL table in order to use Google Timezone API client-side

See: example.html

Similar vizzes

Loading thumbnail…

Gist 3742279

This example builds a small HTML form to trigger an interactive test of Google's Visualization API, version 1. The code defines a data table (`gAxesTable`) with three fictional axes, each given an id, label, title, and type. When the user clicks the "TEST" button, the script populates the page’s `result` div with the table’s JSON representation via `google.visualization.DataTable` and its `toJSON()` method. The demonstration focuses on how to initialize the API and serialize structured data for display.

RRCura

59% match

Loading thumbnail…

Gist 2050643

This example checks whether it is nearly the weekend by scraping the message from the website estcequecestbientotleweekend.fr. It uses a Yahoo Query Language (YQL) request to fetch the HTML content of the page, extracting the text inside the `<p id='msg'>` element, then displays that result in a JavaScript alert. The code loads jQuery via a script injection and relies on RequireJS to manage module dependencies, with the YQL query encoded as a JSONP callback.

Aabernier

57% match

Loading thumbnail…

Gist f29bf45f379305fcac53a379776bc295

This example demonstrates a timed alert as a simple interaction test, showing how the code uses `setTimeout` to trigger a JavaScript alert after a three-second delay. The accompanying function `window.asdf` is defined but not invoked, leaving its intended behavior unspecified. The visualization relies on plain JavaScript and the browser’s native alert API rather than any external data or rendering library. The code is minimal, acting as a functional probe for event timing and global function scope.

PPatrick Wojda

56% match

Loading thumbnail…

Gist 3742278

This example demonstrates a minimal web-based test harness for the Google Visualization API. It defines a data table with three axes, each containing an identifier, display text, title, and type, and renders a simple form with a submit button. When the button is clicked, the `test()` function calls `init()`, then displays the table’s JSON representation in a `div` element via `innerHTML`. The code relies on `google.load("visualization", "1")` and the `google.visualization.DataTable` class to structure the data, though no actual chart or graphical output is generated.

RRCura

56% match

Loading thumbnail…

List of all JavaScript timezones (date.toString()) on linux node.js

This visualization lists every JavaScript timezone on a Linux node.js system, displaying the output of date.toString() for each zoneinfo file. For each timezone, it shows the local date and time for January 1, 2014 and September 1, 2014, including the GMT offset and abbreviated timezone name. The data highlights differences between winter and summer time, revealing which zones observe daylight saving time. For example, Pacific/Auckland shifts from GMT+1300 (NZDT) in January to GMT+1200 (NZST) in September, while Pacific/Chatham changes from GMT+1345 (CHADT) to GMT+1245 (CHAST). The example uses the node.js runtime on Linux to enumerate and display the output of date.toString() for every timezone in the system's zoneinfo database.**List of all JavaScript timezones (date.toString()) on linux node.js** This visualization enumerates all timezones available in a Linux Node.js environment by running `date.toString()` for two fixed dates—January 1, 2014 and September 1, 2014—on each zone. Each entry shows the zone name followed by the resulting JavaScript date string, revealing the UTC offset and abbreviated timezone label. The side-by-side comparison of January and September outputs highlights seasonal changes, exposing daylight-saving transitions (e.g., Pacific/Auckland shifts from GMT+1300 NZDT to GMT+1200 NZST) as well as zones with constant offsets. The list is generated from the system’s /usr/share/zoneinfo database, making it a comprehensive reference for how Node.js formats timezone names and offsets on Linux. A gist by abonello.

Aabonello

56% match

Loading thumbnail…

Gist 79280caf928b23ee59ac2acd56d84be6

This example converts a conference schedule exported from Excel into a localized timetable by manipulating the displayed time values. It shows how the original EDT-based event times are recalculated to reflect the viewer’s timezone, using the browser’s `Date` object and `getTimezoneOffset()` to compute the offset. The script targets specific spreadsheet cells via `document.querySelector` and replaces the “EDT” label with “CET,” while adjusting each event’s hour and minute through string parsing. No external visualization libraries are used; the approach relies purely on vanilla JavaScript DOM manipulation.

UUtopiah

56% match

Loading thumbnail…

Gist 489e9ac301a5022e6e8c60236df7e875

This example demonstrates how JavaScript’s built-in `Date` object can format and extract the current time in various human-readable styles, including date-only, time-only, and localized strings. It also shows a custom function that converts a 24-hour hour value to a 12-hour format with `am`/`pm` suffixes, producing a concise string like “12-17 at 2pm” alongside the full locale-specific time. The code uses native `Date` methods such as `toDateString`, `toTimeString`, `toLocaleDateString`, `toLocaleTimeString`, and getters like `getMonth`, `getDate`, and `getHours`. It relies on the browser’s or Node.js’s JavaScript runtime without external libraries.

Aamazingandyyy

55% match

Loading thumbnail…

Gist bf0dde871413fb9081ca

This example shows current weather conditions for multiple Dutch cities, displaying temperature (in Fahrenheit and Celsius), weather icons, and local time. Users select a city from a dropdown menu or search for a location, triggering an API call to the Weather Underground API via jQuery’s `$.getJSON`. The interface also supports automatic geolocation by default, updating the weather display dynamically. Results are rendered as text and images in HTML elements, with error handling for invalid search queries.

YYousefED

55% match