Team GELCAPS Project2 landing page

100%

Team GELCAPS Project2 landing page

✓ Published0🌍 Public

Last edited Jul 8, 2019

Created on Jul 7, 2019

Forked from Untitled

This page shows a simple abstract logo composed of red geometric shapes on a white background, rendered as static SVG. The design includes a central star-like polygon, a horizontal bar, and a smaller triangular shape. The implementation uses inline SVG paths within an HTML wrapper styled with Bootstrap, but it does not use JavaScript libraries like D3 for dynamic behavior. The SVG markup defines specific coordinates and fill colors for each shape, and the page includes a navigation bar with links to other projects.

AI-generated description

Landing Page for Project 2

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This example renders a small, abstract emblem composed of multiple dark navy and blue vector shapes. The SVG paths define a stylized form with curved strokes and a bold, geometric composition, suggesting a logo, crest, or artistic glyph. The page is built with a minimal HTML structure and uses CSS for overall page styling, including a monospace font and hidden overflow. The JavaScript defines the SVG elements, which are filled with specific color values like `#0A0F25` and `#476CEF`.

MMouad Et-tali

66% match

Loading thumbnail…

SVG Fund

This example displays a static SVG graphic titled “SVG Fund” with a large yellow rectangle and two circles, one black and one red, drawn directly on an HTML page. The code uses raw SVG elements, including `<rect>` and `<circle>`, within a fixed 950×900 viewport, styled through inline attributes. While the README references CSS and JavaScript, this specific implementation shows no interactivity or data binding, relying instead on hardcoded coordinates and colors to compose the minimal visual. The rendering approach is purely declarative, with no external libraries like D3 or React visible in the included markup.

Mmatrice-one

64% match

Loading thumbnail…

Logo design

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.

NNita

64% match

Loading thumbnail…

SVG funds

This example demonstrates a static SVG composition with overlapping circles and a rounded rectangle, using basic geometric shapes to create a simple visual hierarchy. The code relies on raw SVG elements (rect, circle) rendered through plain HTML, with CSS controlling font styling for a message block. The visualization shows two circles—one green and one purple—layered over a blue rectangle, with a smaller green circle overlapping the purple one to create depth. Although the title suggests fund data, the current implementation only displays decorative shapes without any data binding or interactive behavior, serving as a minimal starter template for SVG rendering in a browser.

Ddalia.miliauskaite@me.com

64% 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

64% match

Loading thumbnail…

SVG Fundas!

This example presents a collection of basic geometric shapes rendered on a 1000 by 1000 SVG canvas. It displays circles, a rectangle, a line, a path, and an ellipse, each styled with distinct fill colors and stroke attributes. The scene demonstrates fundamental SVG shape elements and their properties, such as coordinates and dimensions, within a static composition. The code directly defines the SVG markup in an HTML file, using no external libraries. It serves as a simple, introductory exploration of vector graphics primitives and their visual output.

BBarkha305

63% match

Loading thumbnail…

svg Fundamentals

This example demonstrates fundamental SVG shapes and styling within a lightweight HTML page. It renders a horizontal navy line, two overlapping green and blue circles, an irregular path built from arcs and quadratic Bézier curves, a polygon, and an embedded image. The page uses raw SVG markup with CSS for text styling and JavaScript is not employed, though the code includes a global SVG namespace declaration. The composition serves as a bare-bones introduction to SVG rendering in a browser.

RRandomUser

63% match

Loading thumbnail…

MY NEW SVG PROJECT

This example shows a collection of concentric circles and lines rendered on a large SVG canvas using plain JavaScript within an HTML page. It uses the SVG API directly, with elements like `<circle>` and `<line>` to create layered color patterns and a target-like composition. The rendering approach relies on static SVG markup, with no dynamic data or interaction. The code includes a basic CSS style for text and a commented-out rectangle, while the main visual elements are defined inline in the document body.

Ssantoshmitra-05

63% match