Very Simple IndexedDB Example

100%

Very Simple IndexedDB Example

✓ Published0🌍 Public

Last edited Apr 30, 2015

Created on Jun 5, 2018

This example demonstrates basic IndexedDB operations, including database creation, object store setup, index management, and data retrieval. It shows how to open a database named “MyDatabase” and create an object store with a keyPath of “id” and a compound index on name fields. The code adds two records with nested name objects and then queries them both by primary key and by index lookup, logging results to the console. It uses the native IndexedDB API with cross-browser fallbacks, including the IndexedDBShim for unsupported environments.

AI-generated description

Similar vizzes

Loading thumbnail…

pouchdb test

This example, titled "pouchdb test" by Hypercubed, demonstrates the use of PouchDB, a client-side database, within a JavaScript application. The visualization showcases how data can be stored, queried, and rendered dynamically in the browser, likely displaying a live-updating chart or dashboard powered by PouchDB's real-time change feed. The code uses jspm to manage dependencies, including PouchDB 5.0.0, and is structured around a SystemJS configuration for module loading. The visualization emphasizes the integration of a NoSQL database with front-end data visualization, illustrating real-time data synchronization and interactive updates.

HHypercubed

58% match

Loading thumbnail…

Minimal example of data handling in Backbone.js

This example demonstrates basic Backbone.js data binding and view updates using inline HTML input fields. It shows how models, collections, and views interact when editing text labels or adding new items, with a log panel displaying each sync operation. The code uses Backbone.Model, Backbone.Collection, Backbone.View, and Backbone.sync, along with jQuery for DOM manipulation and underscore.js templates for rendering. The fake sync method simulates server persistence by assigning temporary client IDs to newly created models.

Aamundo

54% match

Loading thumbnail…

Gist f43964c87050d00ea185f80513e0d34f

This example demonstrates a minimalist web page that pairs a red HTML block with a JavaScript-based memory system. The visualization shows how a custom `memory` object stores and retrieves key-value pairs, simulating a limited cache that forgets the oldest entries after 250 saves. The code uses plain JavaScript with no external libraries, relying on standard object properties and array methods like `shift()` and `push()` to manage memory. The page renders via a simple `index.html` file that loads `test.js`, which logs the stored data to the console. No charting or data-rendering APIs appear in the code.

Aagnott

54% match

Loading thumbnail…

Mongo Basics Drills

This example shows a series of MongoDB shell commands that demonstrate basic CRUD operations and query patterns against a restaurant dataset. The code performs actions like finding all documents, sorting and limiting results, retrieving documents by `_id` or field values, counting records, deleting single documents, and updating either one or many documents using `updateOne` and `update` with the `$set` operator. It also illustrates how to obtain an `ObjectId` from a query result and use it for subsequent operations. The visualization presents these commands as a linear drill sequence, making the MongoDB query syntax and workflow explicit.

Aarcox80

53% match

Loading thumbnail…

Simple database

This example shows how to create a simple relational database with two tables, Customers and Orders, using raw SQL. It demonstrates the use of IDENTITY columns for auto-generated primary keys and FOREIGN KEY constraints to enforce referential integrity between the tables. The code also includes a JOIN query that combines customer names with their corresponding order details, illustrating basic data retrieval without an ORM. The example relies on standard SQL Server syntax and T-SQL commands, including CREATE TABLE, CONSTRAINT, and SELECT with JOIN.

Aabonello

53% match

Loading thumbnail…

JS Bin

This example demonstrates JavaScript destructuring of objects through a side-by-side comparison of original source code and the compiled output. The `index.html` file contains two script blocks: the first shows transpiled ES5 code using `var` declarations and manual property access, while the second shows the original ES6 source with `const` and destructuring assignment. The code logs names from objects to the console, illustrating how ES6 destructuring patterns translate into traditional variable assignments. The visualization uses plain HTML and JavaScript with no external libraries.

AAlsaxian

52% match

Loading thumbnail…

JS tips

This example demonstrates common JavaScript programming patterns and techniques through concise code snippets. It covers assignment shortcuts, existential checks, JSONP implementation with jQuery’s `getJSON`, a polyfill for `Object.create`, function proxying, reserved words, and the `array.indexOf` method. The code is presented as a gist, showing practical APIs like `Object.create`, `func.apply`, and `Array.indexOf`, with comments explaining each pattern and equivalent syntax in CoffeeScript.

Aabernier

52% match

Loading thumbnail…

JavaScript Fundamentals

This example demonstrates JavaScript fundamentals through a minimal web page that logs a created person object to the browser console. The code walks through variable assignment, function declarations, arrow functions, and object mutation, ultimately using a concise ES6 arrow function with shorthand property names to create and output a person with first and last names. The page contains no visualization or external libraries, relying solely on native JavaScript and the console API to illustrate core programming concepts.

Kkathrynrbernard

52% match