Skip to main content

Sensor Datasheet

A one-page industrial datasheet where the drawing layer does the heavy lifting — the kind of page an instrument maker ships with every unit. Every graphic is declarative SVG in the same JSON as the specs table: no image assets, no drawing tool.

  • Gradient masthead. The header band is a linearGradient fill; the glow behind the verification code is a radialGradient — both native vector in PDF and Word.
  • Dimensional drawing. Double-headed dimension arrows are one line with markerStart + markerEnd; their labels sit on a backgroundColor wash so the centerline never strikes through the text. The service-sweep indicator is a rotated, drop-shadowed arc, and the flow trace is a polyline with a dot marker at each interior vertex.
  • Model badge that always fits. The designation is pinned to its slot with textLength + lengthAdjust — a longer model code condenses instead of overflowing the badge.
  • Tinted verification code. The Data Matrix takes its ink color from the style's fill, so it sits on the dark masthead in brand tones.
  • Clickable button. The "product page" rectangle carries a link — a live hyperlink in both output formats.
  • Feature icons from shape shortcuts. Hexagon, arrow, plus and octagon tiles are the built-in named shapes — identical proportions in PDF and Word.

Features used: SVG, Gradient fills, Markers, Clickable shapes, Barcodes, Tables, Styles