Skip to main content
Log in
C

chrismack666

@chrismack666·8 public vizzes

Loading thumbnail…

Untitled

A simple bar chart displays the frequency of named categories A through I, using a vertical layout with an ordinal x-axis and linear y-axis. The bars are colored steelblue and turn brown on hover. The visualization is rendered with D3 v3, loading data from a JSON file and using `d3.scale.ordinal` and `d3.scale.linear` to map values. Axes are generated with `d3.svg.axis`, with rotated x-axis labels. The chart is built with SVG `rect` elements appended to a grouped SVG container.

Jul 12, 2021
Loading thumbnail…

pillloMart

pillloMart is a promotional landing page for an online store, designed to guide visitors toward either requesting a call or placing an order. The page presents two contrasting banner options with images and text, each linked to a call request form. Built with HTML and CSS, it uses the Bootstrap framework for layout and styling, along with jQuery and Owl Carousel for interactive elements. The design incorporates custom fonts and responsive classes to adapt to different screen sizes.

Jan 9, 2021
Loading thumbnail…

Тест

This demo shows a target indicator with a progress bar representing $14 reached toward a $15 goal, along with a text message stating that $1 more is needed. The interface uses Bootstrap 4’s progress bar component for the filled track, while custom CSS styles the container, frame, and target badge. An SVG path from Bootstrap’s icon set renders the info icon, and inline SVG markup is used for the dropdown arrow. The layout relies on floated elements and percentage-based widths, with a linear-gradient background for the outer wrapper.

Dec 16, 2020
Loading thumbnail…

Wiki

This tree diagram visualizes hierarchical data as a horizontally-oriented dendrogram. The visualization uses a radial, indented layout with circular node markers, curved link paths, and text labels for each entity. It colors nodes on a white-to-purple linear scale based on a group value, and includes a square legend. The implementation relies on D3 v5.5 API functions: `select`, `json`, `tree`, `hierarchy`, `linkHorizontal`, and `zoom`. Data is loaded from a JSON file, and the SVG element is resized to the full browser viewport. A tooltip, though defined, does not appear to be applied in this example.

Jun 23, 2020
Loading thumbnail…

Wiki

This visualization displays a hierarchical tree of Russian Wikipedia science categories, using node color to encode a numerical group value from the dataset. The D3 v5 code applies a tree layout with horizontal links, scaling node positions via the `x` and `y` accessors, and renders circles and text labels in SVG. A linear color scale maps the group values from white to purple, while zooming is enabled through `d3.zoom()`. A legend shows the mapping for the two extreme group values.

May 6, 2020
Loading thumbnail…

World Countries Tree

A collapsible tree visualization maps the hierarchical structure of Wikipedia categories, comparing the number of subcategories between Russian and English versions. Node color encodes the difference in subcategory counts, with a legend explaining the scale. The visualization uses D3 v5’s `tree` layout and `linkVertical` path generator to position SVG circles and links, with `d3.scaleLinear` mapping group values to a purple-to-white color range. Zoom and pan are enabled via `d3.zoom`, and the data is loaded asynchronously from a JSON file using `d3.json`.

Feb 25, 2020
Loading thumbnail…

World Countries Tree

This interactive visualization depicts the hierarchical structure of Wikipedia categories and pages as a tree diagram. Nodes are colored on a gradient from white to purple based on a group value, and hovering reveals a node’s name and whether an English version exists. Built with D3 v5, it uses `d3.tree` and `d3.hierarchy` for layout, `d3.zoom` for panning, and SVG circles and paths for rendering. Data is loaded from a local `data.json` file.

Feb 5, 2020
Loading thumbnail…

World Countries Tree

This interactive visualization depicts the hierarchical structure of Wikipedia categories and pages as a tree diagram. Nodes are colored on a gradient from white to purple based on a group value, and hovering reveals a node’s name and whether an English version exists. Built with D3 v5, it uses `d3.tree` and `d3.hierarchy` for layout, `d3.zoom` for panning, and SVG circles and paths for rendering. Data is loaded from a local `data.json` file.

Feb 5, 2020