Skip to content

SlintPlot 0.4.0

Choose a tag to compare

@trondegil trondegil released this 03 Nov 13:07
· 19 commits to main since this release

Added

  • SegmentedRingChart: a heatmap bent into concentric rings. values is a
    matrix ([[float]]), one row per ring, the first outermost, and one
    segment per column, going round from start-angle, either way. The matrix
    sets the size: as many rings as rows and as many segments as the longest
    row, so data of any shape fits without settings; shorter rows and missing
    values (NaN) are left as a faint track. Cells are colored on a scale, as in
    HeatmapChart (color, diverging, fixed-range), with a color scale
    legend, or by category: with classes set, each value is a category index,
    and the categories make a legend that hides them. x-labels go round the
    outside, thinned where they don't fit, and y-labels name the rings in the
    tooltip. center-text and center-label are written in the middle, and
    hovering a cell shows it there instead. A dot can mark the start, and
    glow adds a soft light in the middle. The cells sweep in when the chart
    appears; the arrow keys go round and between the rings, and
    cell-clicked(row, column) reports clicks.

  • TileGridChart: a matrix as rows of rounded squares, one per value, like
    an activity grid. It takes its data as SegmentedRingChart does: values
    is a matrix ([[float]]), one row of tiles per row, and the matrix sets the
    size, the tiles staying square, as large as fit, and centered. Cells are
    colored on a scale or by category (classes), with the same properties; missing
    values are empty tiles, a faint track. y-labels go at the left and
    x-labels below, thinned where they don't fit; tile-gap and
    tile-radius shape the tiles. The tiles sweep in from the left; hovering
    outlines a tile with a tooltip, the arrow keys move from tile to tile, and
    cell-clicked(row, column) reports clicks.

Example apps

  • Gallery: builds without Slint's binding loop warnings. The window
    shrinks to phone width, so a browser window made narrower switches to the
    phone layout instead of cutting off the page; the layout switches at 900px
    instead of 720px, where the sample list and header no longer fit beside the
    chart.
    Samples of the two new charts under Heatmaps, each one sidebar entry with
    two tabs, by category and on a scale, of four charts of different sizes and
    uses. They follow the theme, with their own colors only where the colors
    carry meaning, such as green, amber and red for a service's status; on the
    segmented ring category page and both tile grid pages, a second dropdown
    under the theme picker switches between the theme's colors and these. The heatmap sample shows
    the visits in each cell, in two-hour blocks so that the numbers fit.
  • Stress test: segmented ring and tile grid charts, on a scale and by
    category, from 100 to 1,000,000 cells.
  • Fuzz test: the two new charts, for 25 chart types.