Black Lives Matter

100%

Black Lives Matter

✓ Published0🌍 Public

Last edited Jul 10, 2020

Created on Jul 10, 2020

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.

AI-generated description

A show of solidarity with the Black Lives Matter movement.

MIT Licensed

Similar vizzes

Loading thumbnail…

Black Lives Matter

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.

CCurran Kelleher

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

60% match

Loading thumbnail…

Untitled

This example presents a single, large monospaced line of text that changes color from black to red. It demonstrates a minimal typographic interaction using plain HTML and CSS, with no external libraries or JavaScript. The visible data is the text itself, which the viewer reads as a static sentence; the only dynamic behavior is the style change triggered by a user action, such as hovering or clicking. The rendering relies on the browser’s default text layout, with the `:hover` or `:active` pseudo-class from CSS providing the color transition.

Ggavriel-binshtok

57% match

Loading thumbnail…

Pseudo visualizations

This SVG-based pseudo visualization demonstrates typographic hierarchy through nested black rectangles on a white field. A single large black letter “A” anchors the left side, while four descending width blocks create a bar-chart-like progression. The rendering uses plain SVG elements (`rect` and `text`) with Roboto italic type, with no JavaScript libraries or data binding. The example strips visualization to geometric abstraction, where proportional rectangle widths suggest diminishing categories or values.

LLorenzo Lazzarotto

56% match

Loading thumbnail…

Untitled

This example displays a full-screen, single-word message centered against a dark blue background using the Ubuntu typeface. The text is rendered at a very large font size, demonstrating basic styling and layout with CSS custom properties. The page loads D3.js and uses its `select` method to target a `<div>` element and inject a text string imported from a local module, showcasing modular code organization within VizHub. The rendering approach relies on standard DOM manipulation and CSS for visual output.

RRakeshkanth

56% match

Loading thumbnail…

Racism? All Lives Matter!

This bar chart shows the distribution of police shootings by race, revealing that White, Black, and Hispanic individuals are the most affected groups, with the White category having nearly twice the number of shootings as the Black category. The visualization uses vega-lite-api with d3.v5 to load CSV data from a Kaggle-hosted GitHub gist, then aggregates counts per race via a groupby transform. The bars are colored by race, and tooltips display the exact count and racial category when hovered. The chart is rendered through vega-lite’s SVG rendering with a custom dark theme from a config file.

ZZG

56% match

Loading thumbnail…

Untitled

This example displays a single, massive word in the center of the screen, rendered at a font size of 12em against a dark blue background. It uses the Google Fonts 'Ubuntu' typeface, imported via CSS, and relies on the browser’s text rendering engine to draw the glyph. The page is minimal, with no JavaScript-driven interaction or data input; its sole visual output is the static, high-contrast typographic statement. The code’s primary logic is contained in the CSS and HTML structure, with JavaScript files present but not visibly altering the display.

Aaliyevmirzakhan

56% match

Loading thumbnail…

a cool design

This piece is a static SVG composition of dark, heavy black lines on a pale background, framed by deep red and black border bands. The line work suggests a dense, abstract structure resembling stylized branches, roots, or a circuit diagram, with many overlapping strokes of varying thickness and orientation. The design relies on the `mix-blend-mode: darken` CSS property over layered rectangles to create subtle tonal variations. The SVG is hand-coded directly in HTML, using basic shapes like `line` and `path` elements without any JavaScript or external libraries.

Bbhargav83

55% match