Skip to main content
SimilarExport ZIP
100%

Black Lives Matter

✓ Published1🌍 Public
CCurran Kelleher
Last edited Jul 17, 2020
Created on Jul 10, 2020
Forked from HTML Starter

This example presents the text “Black Lives Matter” as a bold, yellow-on-yellow statement of solidarity. It does not display a chart or dataset; instead, the visualization is a purely typographic piece that leverages the page’s background color and a large, 135-pixel font from the Montserrat Subrayada Google Font to create a striking, graphic impact. The entire effect is achieved with static HTML and CSS, with text centering and margin adjustments used to frame the message without any dynamic graphics or data-driven rendering.

AI-generated description

A show of solidarity with the Black Lives Matter movement.

MIT Licensed

Similar vizzes

Loading thumbnail…

Black Lives Matter

This visualization is a typographic statement of solidarity with the Black Lives Matter movement, rendering the words “Black,” “Lives,” and “Matter” in a bold, high-contrast layout. The text uses the Montserrat Subrayada font with a green text shadow on a black background, while the middle word “Lives” is set apart inside a yellow rounded rectangle with black text. Built with plain HTML and CSS, the example relies on inline styling for its dramatic visual impact, with no external JavaScript libraries or data sources.

NNita
87% match
Loading thumbnail…

Every Mile Counts

This example displays the phrase “Every Mile Counts” as a large, centered headline on a clean, light background. Rendered using standard HTML and CSS, the text employs the Montserrat font from Google Fonts, a white card with rounded corners, and a subtle shadow. A hover effect lifts the statement and deepens its shadow through CSS transitions. The simple presentation highlights typography and modern styling without JavaScript or data visualization.

NNita
62% match
Loading thumbnail…

Hello VizHub

This example displays a single bold message, “Hello VizHub!”, centered on a dark gray background using the Ubuntu typeface. The code imports the `select` function from D3.js and a local ES6 module to retrieve the text string, then sets the content of a `div` element to that value. Styling is handled through external CSS that imports the font from Google Fonts. No data visualization or interaction is present; it demonstrates basic D3 DOM manipulation and module imports.

CChia-KaiYang
59% match
Loading thumbnail…

Hello VizHub!

This example shows a single bold "Hello VizHub!" message centered on a dark background using D3 v5 to select a div and set its text content. The message itself is defined in a separate ES6 module and imported into the main script. Styling relies on a Google Fonts-loaded Ubuntu typeface, with text rendered at a large size. The code demonstrates basic DOM manipulation with `d3.select` and ES6 module imports, though it contains no data or chart elements.

Ssrrajendran
59% match
Loading thumbnail…

Untitled

This example presents a single, enormous numeral in a dark, space-themed scene, rendered with a glowing light-blue color. The visualization is a direct, code-driven display of a large text element, styled with a Google Fonts `Ubuntu` typeface. The entire page is centered and uses a plain HTML body, with no interactive or animated components. Its purpose is purely typographic, demonstrating the visual impact of a vast, single-character message against a contrasting background, and it relies on the CSS `@import` rule to load the external font.

Aaliyevmirzakhan
59% match
Loading thumbnail…

Hello VizHub

This example displays a single bold message, “Hello VizHub!”, centered on a dark background using a large Ubuntu font. The visualization is minimal, focusing on typography and color contrast rather than data. It demonstrates a basic D3.js setup where the `select` function from the D3 v5 library targets a div element and sets its text content to a value imported from a local ES6 module. The page structure is defined in HTML with CSS for styling, and the JavaScript logic is bundled into `bundle.js`.

Yyqinolive
59% match
Loading thumbnail…

Hello VizHub

This example displays a single bold message, “Hello VizHub!”, centered on a dark background using a large Ubuntu font. The visualization is minimal, focusing on typography and color contrast rather than data. It demonstrates a basic D3.js setup where the `select` function from the D3 v5 library targets a div element and sets its text content to a value imported from a local ES6 module. The page structure is defined in HTML with CSS for styling, and the JavaScript logic is bundled into `bundle.js`.

Yyqinolive
59% match
Loading thumbnail…

Chart Example

This example displays the text “Hello VizHub!” prominently on a dark background using the Ubuntu font. The code initializes a D3.js v5 selection to target a div element with the ID “message” and sets its text content to a constant imported from a local ES6 module. Styling is applied via an external CSS file, adjusting the page background color, text alignment, and font size for a bold, centered presentation.

Iikimes
59% match