Skip to main content
100%

Embed the lexicocalorimeter search page

✓ Published0🌍 Public
Aandyreagan
Last edited Jul 28, 2015
Created on Jul 28, 2015

This example embeds an interactive search interface for the Lexicocalorimeter, a visualization that maps emotional associations with food-related words. It shows a phrase-based activity chart where users can explore and compare sentiment scores across different terms. The page uses an embedded iframe to display the original tool, which relies on D3.js for its visualizations, including force-directed layouts and data-driven DOM manipulation. The underlying data comes from a published research paper on food and emotion, with the rendering approach focusing on interactive text-based networks and bar charts.

AI-generated description

Similar vizzes

Loading thumbnail…

Playing with Foood

This interactive scatterplot displays the nutritional composition of foods from the USDA’s Foundation Foods dataset. Users can independently map select nutrients to the x-axis, y-axis, and circle radius, with a toggle for logarithmic or linear scaling on both axes. Built with React and D3.js (v7), the visualization uses `scaleLog` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and `extent` to compute domains. Hovering over a circle reveals the food’s description via a tooltip.

RRyan Offstein
60% match
Loading thumbnail…

Fork of Front-End for IR project

This interactive scatterplot visualizes sentiment analysis across a corpus of text data, with each point representing a word mapped by its sentiment score and frequency. Users can enter two words into text inputs to compare their associated topics and related terms, which display as lists beside the plot. The visualization uses D3 v6 to render SVG points with hover effects that highlight individual data, while color coding indicates positive, negative, or neutral sentiment based on threshold values. The code includes fake sample data for testing, demonstrating word-topic relationships and word-word similarity rankings.

LLeah Mitchell
60% match
Loading thumbnail…

Front-End for IR project

This interactive visualization front-end compares Twitter and Reddit sentiment and topic associations for user-entered words. It displays sentiment as colored, neutral, positive, or negative labels alongside word-similarity and topic-term lists. Built with D3.js v6, the interface renders SVG text and labels across a divided screen, with input fields for two words. The implementation uses custom JavaScript helper functions to map sentiment values to colors and mouth-angle symbols, while layout is managed through CSS flexbox and absolute positioning in the grid container.

LLeah Mitchell
59% match
Loading thumbnail…

Food Images.

This interactive scatterplot maps nutritional data for over a hundred common foods, plotting nutrients like protein and carbohydrates on logarithmic or linear scales. Users can choose which nutrients appear on the x-axis, y-axis, and determine point size, with a toggle to replace colored circles with Wikipedia thumbnail images fetched via the MediaWiki API. Built with React and D3 v7, it uses `scaleLog`, `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` to render axes and points, with data sourced from the USDA Foundation Foods dataset.

RRyan Offstein
59% match
Loading thumbnail…

Food Nutrition Feedback

This interactive visualization maps nutritional content across a variety of foods, allowing users to compare two nutrients on the x- and y-axes and optionally encode a third nutrient as bubble size. Built with React and D3.js, it plots data from the Foundation Foods dataset, using either a linear or logarithmic scale. The visualization can optionally render food images from Wikipedia as point markers, and includes hover tooltips to identify specific foods.

RRyan Offstein
59% match
Loading thumbnail…

Sentiment

This example visualizes sentiment analysis by rendering a simple HTML page that loads the `sentimental` library from unpkg.com. The visualization draws on sentiment data processed through the `sentimental` API, which evaluates text and outputs a sentiment score. The page uses a minimal setup with CSS and JavaScript, where the main application logic resides in a bundled `bundle.js` file. The React framework is referenced, and the prototype connects sentiment analysis results to a visual representation, though the concrete rendering method is not detailed beyond relying on `sentimental` for the analysis.

Llars-ruijs
58% match
Loading thumbnail…

Scatterplot (Canvas)

This interactive scatterplot displays nutritional data for various foods as colored dots on a canvas. Users can switch the X and Y axes via dropdown menus to explore relationships between nutrients such as protein, calcium, sodium, and calories. Built with D3.js v2 and rendered on an HTML5 canvas, it uses Underscore.js for data handling and updates the visualization dynamically without page reloads. Hovering over a point reveals the food name in a dedicated readout. The example shows how D3 can drive canvas-based scatterplots with axis controls and linked tooltips.

GGerHobbelt
58% match
Loading thumbnail…

LC embed code

This example embeds a Tableau Public dashboard that visualizes data from the ACLED range selector. The page uses a standard Tableau embed code with a placeholder `<div>` and an `<object>` element configured via `<param>` tags. The JavaScript API `viz_v1.js` dynamically adjusts the visualization’s width and height based on the container’s offset width, setting it to 1000×1227 pixels for larger screens or 100% width with 1177 pixels height for smaller displays. The dashboard includes a toolbar, static image fallback, and animated transitions.

Aantichaos
58% match