Financial portfolio dashboard with dot-matrix chart and UI panel

Summary

A fintech dashboard presenting portfolio commodities exposure through a dual-chart layout: a dot-matrix percentage breakdown (54.4% vs 45.6%) topped with a complementary pie chart, flanked by a secondary UI mockup showing portfolio details and account information.

Visual description

On a light neutral background, a dark (nearly black) rectangular dashboard module dominates the composition. The left half displays the primary visualization: a title "Percentage of Vise accounts by commodities exposure" in white sans-serif at top, followed by two rows of equal-sized circular dots—one row white-filled (54.4%), one row bright cobalt-blue (45.6%). A matching pie chart above mirrors the percentages. Below the dot-matrix, three teal checkmark bullets list value propositions ("Trade by trade level intelligence...", etc.). On the right, a white card mockup shows the Vise branding, account balance ($4,750,052.00), percentages, portfolio-navigation tabs, and supporting metrics. The overall aesthetic is data-dense, professional, and designed for investment or portfolio-management software.

Key takeaway

The dot-matrix encoding of percentage data (circles as count units) is scannable and elegant, avoiding pie-chart fatigue while serving the same function. The two-column layout (data viz + UI context) in a single compact frame demonstrates how to show feature benefits without separate hero/feature-details sections.

Reuse notes

Strong reference for fintech, investment, or portfolio-management dashboards. The cobalt-and-white color scheme on dark background is professional and reduces eye strain on extended use. The dot-count metaphor works best for values between 20-100%; below that, standard bar charts may be clearer. The supporting checkmarks provide a persuasive cue; pair this layout with product copy emphasizing control, transparency, or intelligence.