İçeriğe geç
English

217 snippet

Snippet Galerisi

Yazıldıkça eklenen gerçek Wind örnekleri. Sonucu görmek ve kodunu okumak için birini aç.

Paketsiz grafikler örnekleri

26 örnek, en yeniden eskiye.

  • Flutter Electromagnetic Spectrum Card with Log Scale Wavelength Bands and Visible Light Zoom

    A Flutter electromagnetic spectrum card for science and physics education apps: radio, microwave, infrared, visible, UV, X-ray and gamma bands on a log wavelength axis from 10 m to 0.1 pm with NASA band edges, and a connector zooming the visible slice into a 700 to 400 nm strip. Built with wind_kit.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Pascal Triangle Card with Odd Entry Pattern and Row Sums

    A Flutter Pascal's triangle card for maths and tutoring apps: rows 0 to 7 as binomial coefficient tiles, odd entries shaded so the Sierpinski pattern shows, and a row sum gutter doubling from 1 to 128. Counts 36 entries, 27 odd, 255 total. Centred wind_kit rows, one node per number.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Git Commit Graph Card with Branch Lanes and Merge Lines

    A commit history card for developer tools and Git clients, built with Wind in Flutter. Colour-coded lanes for main, a feature branch and a hotfix fork and merge with right-angle connectors, commit rows carry branch, tag and HEAD chips, and an ahead/behind summary sits above a rebase action.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Typing Heatmap Card with Colour Coded QWERTY Keys

    A typing analytics card that draws a real staggered QWERTY layout, tinting every key by how often it was pressed, from a cold grey Z to a hot rose E. Built with Wind utility classes over WDynamic: 26 keycaps, a space bar and a five step legend, all plain divs with no canvas and no image assets.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Market Share Card with Marimekko Mosaic Columns

    A Flutter market share card using a Marimekko mosaic: column width shows segment size and the stack inside shows who owns it, so which brand leads which segment is visible before you read a number. Pure wind_kit flex boxes with fixed pixel sizing and dark mode pairs.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter SLA Scorecard Card with Bullet Chart Target Markers

    A Flutter SLA scorecard card for support desk dashboards: bullet charts with qualitative bands, a thick actual-value bar and a vertical target tick, so a missed target shows at a glance instead of hiding in a percentage. Built with wind_kit utility classes, dark mode pairs, no chart package.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Revenue Bridge Card with Floating Waterfall Steps

    A waterfall bridge that walks opening recurring revenue to closing through new, expansion, contraction and churn. Each step floats at its own running total with a hairline connector to the next, so the additions and the losses are readable without a chart library.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Punch Card Grid with Dot Size Encoded Busy Hours

    A weekday by hour punch card where the dot diameter carries the value instead of a colour ramp, so the evening ridge and the weekend midday bulge read at a glance. Forty two sized dots placed on a fixed pixel lattice, pure Wind className strings.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Frame Profiler Card with Nested Flame Chart Layers

    A performance profiler card that renders a real flame chart: nested call frames stacked by depth, a red frame budget line cutting across the stack, and the hot path picked out in amber. Built with Wind className strings, no charting package and no custom painter.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Lap Delta Card with Diverging Sector Time Bars

    A Flutter lap delta card for race telemetry apps: each mini sector is a bar that grows up when time is gained and down when it is lost, all anchored to one zero line. Flex columns with a fixed-pixel spacer in wind_kit, no chart package.

    • WDiv
    • WIcon
    • WText
    • WButton
  • Flutter Borehole Log Card with Proportional Soil Strata Column

    A Flutter borehole log card for geotechnical and ground investigation apps: soil strata as coloured bands proportional to true thickness, a shared depth rail, SPT blow counts beside each layer and the groundwater strike marked across the column. Aligned wind_kit divs, no chart package.

    • WDiv
    • WText
    • WIcon
    • WButton
  • Flutter Audience Overlap Card with Three Circle Venn Segments

    A Flutter audience overlap card for marketing and growth dashboards: three translucent circles form a real Venn diagram, so shared regions darken by themselves and each lobe shows its count, with a segment legend, reach and overlap tiles and a suppression action. wind_kit only, no chart library.

    • WDiv
    • WText
    • WIcon
    • WButton