Skip to main content
100%

logos

✓ Published0🌍 Public
Aallyraza
Last edited Jul 12, 2018
Created on Jul 12, 2018

A gallery of e-commerce brand logos, sized and arranged as a simple image grid. Each logo is loaded from an external URL and annotated with its associated shop name and count via a hover title. The data is read from a tab-separated file with d3.tsv, and the logos are appended as <img> elements using D3's data join. The visualization provides a straightforward way to browse and compare the relative prominence of different online shops based on their associated counts.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Online Sales

This visualization displays the number of purchases for the top fifteen revenue-generating brands in an online sales dataset, using a horizontal bar chart. The revenue totals appear on the y-axis, while purchase counts are mapped on the x-axis. Built with React and D3 v5, the chart uses `scaleBand` and `scaleLinear` for positioning, with SVG `rect` elements for bars and custom tick rendering. Data is loaded asynchronously from a CSV file via `d3.csv`, and the visualization includes blue grid lines to aid value comparison.

MManideeprenikindi
63% match
Loading thumbnail…

D3 Logo

The D3 logo is rendered as a stylized “d3” in a 400×400 SVG viewport, with the letterforms clipped from three overlapping linear gradients in orange and red. The example demonstrates the official logo artwork directly from the d3-logo repository, embedded via an `<img>` tag in a minimal HTML page. The SVG uses a `clipPath` to define the letter shapes, while the gradients—`gradient-1`, `gradient-2`, and `gradient-3`—paint the clipped areas with smooth color transitions. The rendering is static, with no animation or interaction.

Mmbostock
63% match
Loading thumbnail…

Fork of iCE 6 PART 1

This horizontal bar chart shows the top ten brands ranked by their popularity score, with each bar’s length proportional to the score and a color gradient from light to dark teal indicating rank. The data, loaded from a CSV Gist via `d3.csv` and `d3.autoType`, is sorted descending and sliced to ten entries. Built with D3 v7, the visualization uses `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis categories, and `d3.axisBottom`/`d3.axisLeft` for gridlines and labels. Alternating background bands and value labels are rendered as SVG elements.

Ssarasaketh3@gmail.com
63% match
Loading thumbnail…

Ecommerce website

This example shows a force-directed network of an e-commerce ecosystem, with blue customer nodes, green product nodes, and orange seller nodes connected by gray links representing purchases, offers, and recommendations. Built with D3 v7, the visualization uses `d3.forceSimulation`, `forceLink`, `forceManyBody`, and `forceCenter` to position twenty nodes and twenty links interactively, with drag-and-drop support via `d3.drag()`. Node labels and a color legend are rendered directly on the SVG canvas, and the layout updates continuously on each simulation tick.

Ccharchana0527@gmail.com
62% match
Loading thumbnail…

pie chart

This pie chart visualizes the top 10 store areas by sales, using D3 v7 to load CSV data, sort it, and render an SVG pie chart with colored slices, labels, and a legend. The code uses `d3.pie()` to compute arc angles, `d3.arc()` to draw paths, and `d3.scaleOrdinal()` for color encoding. Store area names and corresponding sales values appear both on the slices and in a legend, with data sourced from a GitHub-hosted CSV file.

RRohithNaiduDevareddy@my.unt.edu
62% match
Loading thumbnail…

Colours Page

A gallery of CSS color names rendered as a grid of rounded rectangles, each labeled with its own name. The page reads a CSV file listing color names and displays them grouped by hue families. Using D3 v6 and SVG, the code appends a small `<svg>` per color, fills a rectangle with the named color via the `style` property, and adds a text label with a white shadow for legibility. The layout is a simple vertical list rather than a compact mosaic, and a few colors are omitted from the source data.

Dd3noob
62% match
Loading thumbnail…

Fork of Online shopping rate

A radial stacked bar chart displays online shopping rates across compass directions, with eight wedges per direction representing distinct rate categories. Built with D3 v4, the visualization uses `d3.arc()` for path generation, `d3.scaleLinear()` for radial and angular mappings, and `d3.ordinal` for color encoding. Data from `data.csv` is stacked via `d3.stack()`, with circular axes drawn using `d3.axisLeft()` and manual circle annotations for radius values.

GGangtokMet
62% match
Loading thumbnail…

D3 & Font-Awesome

This example demonstrates how to combine D3 with Font Awesome to create an interactive row of clickable social media icons. It shows a static, horizontally arranged set of six square brand icons—including Twitter, Facebook, LinkedIn, YouTube, GitHub, and Google Plus—that respond to user mouse events. The visualization uses D3’s data join to bind an array of icon names to newly appended `<i>` elements, while Font Awesome supplies the glyphs via CSS classes. Hovering changes the background color to light gray, clicking turns it gray and logs the icon name to the console, and releasing restores the hover state. The code relies on D3’s selection and style methods, plus Font Awesome’s CSS framework, with no external data source.

FFrissAnalytics
62% match