docs-v2/layouts/shortcodes/html-diagram/quix-downsample-pipeline.html

44 lines
1.4 KiB
HTML

{{- $version := .Get 0 | default "v3" -}}
<div id="quix-downsample-pipeline">
<div class="logo-row top">
<div class="influxdb-connector">
<div class="influxdb-logo" data-precision="raw"></div>
<div class="quix-connector"></div>
</div>
</div>
<div class="quix-stream-container">
<div id="source-producer" class="quix-stream-component">
<p>InfluxDB {{ $version }} Source Producer</p>
</div>
<div class="arrow"></div>
<div class="kafka-toggle" topic="raw-data">
<div class="toggle-icon"></div>
</div>
<div class="arrow"></div>
<div id="downsampling-process" class="quix-stream-component">
<p>Downsampling Process</p>
</div>
<div class="arrow"></div>
<div class="kafka-toggle" topic="downsampled-data">
<div class="toggle-icon"></div>
</div>
<div class="arrow"></div>
<div id="sink-consumer" class="quix-stream-component">
<p>InfluxDB {{ $version }} Sink Consumer</p>
</div>
</div>
<div class="logo-row bottom">
<div class="influxdb-connector">
<div class="quix-connector"></div>
<div class="influxdb-logo" data-precision="downsampled"></div>
</div>
</div>
<div id="quix-brand-icons">
<div class="quix-logo">
<img src="/svgs/quix-logo-white.svg" alt="Quix logo">
</div>
<div class="quix-streams-logo">
<img src="/svgs/quix-python-heart.svg" alt="Quix Streams logo">
</div>
</div>
</div>