Overscan composite picture

A composite never carries one age. Four radar sites stitched into one picture, each region labelled with the scan time of the site it came from. The header states the age of the OLDEST contributing part and names it; the moment the picture was stitched is kept beside it and said, in words, not to be the age of the weather. Every region no source covers is drawn with the reason, in two classes: beam blockage and range WILL NOT FILL IN, a site down or a scan not yet received MAY. In the Bryan, Texas accident the display said one minute and the weather in it was almost eight minutes old.

demo/mosaic.html, from this page

import 'overscan'
import 'overscan/overscan.css'

<ov-mosaic
  class="liveel"
  label="PRECIPITATION"
  stale-after="8"
  expire-after="1800"
></ov-mosaic>

import { OvMosaic } from 'overscan/react'

<OvMosaic
  class="liveel"
  label="PRECIPITATION"
  stale-after="8"
  expire-after="1800"
/>

import { OvMosaic } from 'overscan/vue'

<OvMosaic
  class="liveel"
  label="PRECIPITATION"
  stale-after="8"
  expire-after="1800"
/>

import OvMosaic from 'overscan/svelte/OvMosaic.svelte'

<OvMosaic
  class="liveel"
  label="PRECIPITATION"
  stale-after="8"
  expire-after="1800"
/>

variation: src="models/mosaic-stale-part.json" stale-after="300"

import 'overscan'
import 'overscan/overscan.css'

<ov-mosaic
  src="models/mosaic-stale-part.json"
  label="PRECIPITATION"
  stale-after="300"
  expire-after="1800"
></ov-mosaic>

import { OvMosaic } from 'overscan/react'

<OvMosaic
  src="models/mosaic-stale-part.json"
  label="PRECIPITATION"
  stale-after="300"
  expire-after="1800"
/>

import { OvMosaic } from 'overscan/vue'

<OvMosaic
  src="models/mosaic-stale-part.json"
  label="PRECIPITATION"
  stale-after="300"
  expire-after="1800"
/>

import OvMosaic from 'overscan/svelte/OvMosaic.svelte'

<OvMosaic
  src="models/mosaic-stale-part.json"
  label="PRECIPITATION"
  stale-after="300"
  expire-after="1800"
/>

one site stopped nine minutes ago

a site down keeps no territory of data

blockage and a scan not yet received

The same element, the same scene, twice. An instrument shows its visual content and nothing else, by default - the face, the reading, its unit, and anything it is refusing or qualifying. The name and the declared rules are gone, because a wall writes those once above twenty tiles. On the right, data-ov-chrome="full" opts back in; it is set on the BOX, not on the element, so one attribute covers everything inside it. What is never hidden either way is the reading, the unit that reading is in, the refusal or the qualifier - and a screen reader is given the identical sentence, because a hidden name is still a spoken name.

variation: src="models/mosaic-site-down.json" stale-after="300"

import 'overscan'
import 'overscan/overscan.css'

<ov-mosaic
  src="models/mosaic-site-down.json"
  label="PRECIPITATION"
  stale-after="300"
  expire-after="1800"
></ov-mosaic>

import { OvMosaic } from 'overscan/react'

<OvMosaic
  src="models/mosaic-site-down.json"
  label="PRECIPITATION"
  stale-after="300"
  expire-after="1800"
/>

import { OvMosaic } from 'overscan/vue'

<OvMosaic
  src="models/mosaic-site-down.json"
  label="PRECIPITATION"
  stale-after="300"
  expire-after="1800"
/>

import OvMosaic from 'overscan/svelte/OvMosaic.svelte'

<OvMosaic
  src="models/mosaic-site-down.json"
  label="PRECIPITATION"
  stale-after="300"
  expire-after="1800"
/>

default — blockage and a scan not yet received

data-ov-chrome="full", on the box around it

variation: src="models/mosaic-two-holes.json" stale-after="300"

import 'overscan'
import 'overscan/overscan.css'

<ov-mosaic
  src="models/mosaic-two-holes.json"
  label="PRECIPITATION"
  stale-after="300"
  expire-after="1800"
></ov-mosaic>

import { OvMosaic } from 'overscan/react'

<OvMosaic
  src="models/mosaic-two-holes.json"
  label="PRECIPITATION"
  stale-after="300"
  expire-after="1800"
/>

import { OvMosaic } from 'overscan/vue'

<OvMosaic
  src="models/mosaic-two-holes.json"
  label="PRECIPITATION"
  stale-after="300"
  expire-after="1800"
/>

import OvMosaic from 'overscan/svelte/OvMosaic.svelte'

<OvMosaic
  src="models/mosaic-two-holes.json"
  label="PRECIPITATION"
  stale-after="300"
  expire-after="1800"
/>