Files

T

egutierrez 3f622561ce feat(cpp/viz): static-plot primitive + tooltips + rotated labels + card compacta

Nuevo primitivo compartido:
- cpp/functions/viz/plot_static.h: header-only con flags ImPlotFlags /
  ImPlotAxisFlags agrupados (NoFrame|NoMenus|NoBoxSelect|NoMouseText +
  Lock|NoInitialFit|NoHighlight) para visualizacion estatica en
  dashboards. Lo usan todos los charts de viz/.

Charts refactorizados a v1.1 con parametro `height` explicito (rompe el
feedback loop con contenedores AutoResizeY que producia vibracion al
redimensionar) y ejes pineados con ImPlotCond_Always:
- bar_chart v1.2: tooltip al hover (label + valor) + auto-rotacion de
  labels a 45 cuando no caben horizontalmente (medidos con CalcTextSize
  vs ancho del plot). Los labels rotados se dibujan manualmente con
  ImDrawList::PrimQuadUV + ImFontBaked::FindGlyph (API ImGui 1.92+).
- pie_chart v1.1: tooltip por slice (detecta cual via atan2 desde centro
  en sentido CCW matematico, que es como ImPlot dibuja los slices desde
  angle0=90) con label + valor + porcentaje. Aspect 1:1 mantenido.
- line_plot, scatter_plot, histogram v1.1: ejes pineados con limites
  calculados de min/max + 5% headroom (histogram usa AutoFit por los
  bins dinamicos, con Lock para bloquear pan/zoom).

kpi_card v1.2: card mas compacta — altura 78px (antes 108), font scale
1.4x (antes 1.8x), padding sm (antes md). Apto para densidades altas
de KPIs en dashboards.

fullscreen_window v0.2: NoScrollbar|NoScrollWithMouse para eliminar el
scrollbar fugaz que aparecia cuando el contenido excedia por 1-2px la
ventana, reflow de ancho y vibracion visible al redimensionar.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2026-04-24 21:31:00 +02:00

2.5 KiB

Raw Blame History

name, kind, lang, domain, version, purity, signature, description, tags, uses_functions, uses_types, returns, returns_optional, error_type, imports, tested, tests, test_file_path, file_path, framework, params, output

name

kind

lang

domain

version

purity

signature

description

tags

uses_functions

uses_types

returns

returns_optional

error_type

imports

tested

tests

test_file_path

file_path

framework

params

output

bar_chart

component

cpp

viz

1.2.0

pure

void bar_chart(const char* title, const char* const* labels, const float* values, int count, float bar_width = 0.67f, float height = 200.0f)

Barras verticales ImPlot con ejes pineados, altura explicita, tooltip al hover y auto-rotacion 45 de labels cuando no caben horizontales

implot

chart

visualization

gpu

bar

tooltip

rotated-labels

locked-axes

false

implot

false

cpp/functions/viz/bar_chart.cpp

imgui

name	desc
title	Titulo / id interno del plot

name	desc
labels	Array de etiquetas para el eje X, una por barra

name	desc
values	Array de valores numericos (altura de cada barra)

name	desc
count	Numero de barras (longitud de labels y values)

name	desc
bar_width	Ancho de cada barra como fraccion del hueco de celda (default 0.67)

name	desc
height	Altura del plot en pixeles (default 200). Explicita para evitar feedback loops con AutoResizeY

Renderiza barras, tooltip al hover con label+valor, y si los labels horizontales no caben los dibuja rotados 45 grados

bar_chart

Barras verticales ImPlot pensadas para dashboards. Tres cosas no triviales:

Ejes pineados — plot_static::kPlotFlags + kAxisFlags (Lock + NoInitialFit + Cond_Always) con y_max pre-calculado + 15% headroom. Sin esto ImPlot auto-fitea cada frame y las barras oscilan.
Tooltip — si IsPlotHovered(), detecta la barra bajo el cursor (round(mouse.x) con tolerancia bar_width/2) y muestra label + valor.
Labels auto-rotados — mide la suma de CalcTextSize(label) + 12px contra el ancho del plot; si no caben, dibuja los labels rotados 45° manualmente con ImDrawList::PrimQuadUV + glyphs del font atlas (ImFontBaked::FindGlyph — API ImGui 1.92+). Reserva 48px abajo del plot para los labels rotados. Si caben se usan los ticks horizontales normales de ImPlot.

Altura explicita (height) rompe el feedback loop con contenedores AutoResizeY (ver viz/plot_static.h).

Ejemplo

const char* domains[] = {"core", "finance", "cybersecurity", "datascience", "infra"};
float counts[] = {412, 187, 94, 63, 36};
bar_chart("##domains", domains, counts, 5);             // horizontal si cabe
bar_chart("##domains", domains, counts, 5, 0.8f, 240);  // rotated si no cabe

2.5 KiB Raw Blame History

bar_chart

Ejemplo

2.5 KiB

Raw Blame History