Skip to main content
SimilarExport ZIP
100%

Logo design

✓ Published1🌍 Public
NNita
Last edited Jan 29, 2019
Created on Jan 28, 2019

A simple SVG logo presents the wordmark "V z Hub" inside a black rounded rectangle, paired with a white circular dot and stem that form the letter "i." D3 selection methods append the SVG container, groups, and individual shape elements, while CSS classes style the rectangle and large monospaced text. The layout positions elements with fixed pixel coordinates derived from the 960-by-800 viewport, demonstrating a static, code-driven design without interaction or data binding.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Logo design

A black rounded rectangle on a gray background features the white text "V z Hub" in a monospace font, accompanied by a stylized "i" made of one large and three small white circles connected by a curved white rectangle. The logo components appear with a staggered animation, as the circles and rectangle scale up from a radius of zero using D3 v5 transitions with specified delays and durations. The SVG is created programmatically via D3's `select` and `append` methods, with styling defined in an external CSS file.

NNita
92% match
Loading thumbnail…

Logo design in Color

A logo design is drawn on an SVG canvas using D3 v5, featuring a black rounded rectangle with white text and geometric elements. The design incorporates two text labels, "V z" and "Hub", composed in the Ubuntu Mono font. A set of circles and a thin rectangle animate into place, using D3's `transition` API with staggered delays and durations to create a sequential reveal effect. The visualization demonstrates the application of basic SVG shapes, styling via CSS classes, and D3 animation for a simple brand identity composition.

NNita
87% match
Loading thumbnail…

Logo

The visualization displays the text "vis.my.part" as a logo, with two layered orange shadow copies that animate horizontally to create a depth effect against the dark background. The text is rendered as individual SVG elements using D3 v7's data join, with each character positioned via transform attributes. The animation uses D3's transition system with a 2500-millisecond duration to shift the shadow layers by incremental pixel offsets, while the foreground remains static. The design utilizes custom spacing calculations, branding colors from CSS variables, and the Major Mono Display font.

Sscheenmi@gmail.com
75% match
Loading thumbnail…

Hello VizHub

This example demonstrates a minimal SVG composition: a single thick black line crossing a pink path shape, both rendered against a dark navy background with large, centered text. The page is styled using an external Ubuntu font and a CSS ruleset that sets the color scheme. The static graphic is drawn directly in the index.html markup, while the accompanying JavaScript imports the D3 `select` API to set the text of a message div to "Hello VizHub!", a value defined in a local ES6 module.

Llori99-data
73% match
Loading thumbnail…

Hello VizHub

A yellow circle with a simple face—two black-outlined eyes—is centered in an SVG canvas. Built with D3 v5, the code uses `d3.select` and `d3.append` to create circular and group elements, with `attr` calls positioning the eyes via fixed pixel offsets. The visualization demonstrates basic SVG rendering and DOM manipulation within the VizHub framework, using the provided `styles.css` for font styling.

VVijay
72% match
Loading thumbnail…

SVG Technology

This example demonstrates a minimal SVG rendering of a single large circle on a dark background, accompanied by a text message. It shows how VizHub combines static SVG markup with dynamic D3.js functionality, where the `select` function updates the displayed message. The page relies on an ES6 module export for the text content and a CSS file that imports the Ubuntu font. The SVG circle is defined directly in the HTML, while the JavaScript adds interactivity by modifying the DOM.

Aamala1004
72% match
Loading thumbnail…

Hello VizHub

A static SVG scene demonstrates basic shapes and styling with D3 v5. The visualization renders circles, rectangles, lines, and a path inside a scaled group, using CSS classes to apply stroke properties. The HTML file includes D3 from a CDN, while separate JavaScript modules export a text message and select a DOM element to display it. The example highlights fundamental SVG rendering and ES6 module integration through D3’s select function.

Oowenizedd
72% match
Loading thumbnail…

Hello VizHub

This example demonstrates static SVG shapes composed from circles and a rectangle, rendered within a 960-by-500 viewport. It highlights how SVG elements can be grouped and repositioned using the `transform` attribute, with the lower group translated and filled blue. The code imports D3 v5 for basic utility access, though no data binding or dynamic behavior occurs. An ES6 module exports a greeting message, while external styling via Google Fonts and hidden overflow completes the minimal setup.

Rrafiurrafi
72% match