IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Transformations: De-emphasize non-applicable transformations (#76373)

Browse Source 
* Stub types

* Update applicator

* Type and functionality updates

* Format time applicator

* Group by applicator

* Groupy to matrix applicator

* Use applicability levels

* Add  organize fields applicator

* Add applicator to heatmap

* Add disabled icons

* Update presentation

* Prettier

* Why run prettier once when you can do it twice?

* Update presentation

* Prettier

* Update presentation

* Prefer object syntax

* Betterer and Prettier
This commit is contained in:
Kyle Cunningham 2023-10-13 11:21:43 -05:00 committed by GitHub
parent cdca1518d2
commit 5e9dac6695
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
15 changed files with 651 additions and 185 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
.betterer.results
View File

@ -3361,23 +3361,7 @@ exports[`better eslint`] = {
[0, 0, 0, "Do not use any type assertions.", "2"],
[0, 0, 0, "Unexpected any. Specify a different type.", "3"],
[0, 0, 0, "Styles should be written using objects.", "4"],
[0, 0, 0, "Styles should be written using objects.", "5"],
[0, 0, 0, "Styles should be written using objects.", "6"],
[0, 0, 0, "Styles should be written using objects.", "7"],
[0, 0, 0, "Styles should be written using objects.", "8"],
[0, 0, 0, "Styles should be written using objects.", "9"],
[0, 0, 0, "Styles should be written using objects.", "10"],
[0, 0, 0, "Styles should be written using objects.", "11"],
[0, 0, 0, "Styles should be written using objects.", "12"],
[0, 0, 0, "Styles should be written using objects.", "13"],
[0, 0, 0, "Styles should be written using objects.", "14"],
[0, 0, 0, "Styles should be written using objects.", "15"],
[0, 0, 0, "Styles should be written using objects.", "16"],
[0, 0, 0, "Styles should be written using objects.", "17"],
[0, 0, 0, "Styles should be written using objects.", "18"],
[0, 0, 0, "Styles should be written using objects.", "19"],
[0, 0, 0, "Styles should be written using objects.", "20"],
[0, 0, 0, "Unexpected any. Specify a different type.", "21"]
[0, 0, 0, "Unexpected any. Specify a different type.", "5"]
],
"public/app/features/dashboard/components/VersionHistory/DiffGroup.tsx:5381": [
[0, 0, 0, "Styles should be written using objects.", "0"],

17
packages/grafana-data/src/transformations/transformers/formatTime.ts
View File

@ -2,7 +2,7 @@ import { map } from 'rxjs/operators';
import { TimeZone } from '@grafana/schema';
import { Field } from '../../types';
import { DataFrame, Field, TransformationApplicabilityLevels } from '../../types';
import { DataTransformerInfo } from '../../types/transformations';
import { fieldToStringField } from './convertFieldType';
@ -19,6 +19,21 @@ export const formatTimeTransformer: DataTransformerInfo<FormatTimeTransformerOpt
name: 'Format Time',
description: 'Set the output format of a time field',
defaultOptions: { timeField: '', outputFormat: '', useTimezone: true },
isApplicable: (data: DataFrame[]) => {
// Search for a time field
// if there is one then we can use this transformation
for (const frame of data) {
for (const field of frame.fields) {
if (field.type === 'time') {
return TransformationApplicabilityLevels.Applicable;
}
}
}
return TransformationApplicabilityLevels.NotApplicable;
},
isApplicableDescription:
'The Format time transformation requires a time field to work. No time field could be found.',
operator: (options) => (source) =>
source.pipe(
map((data) => {

29
packages/grafana-data/src/transformations/transformers/groupBy.ts
View File

@ -2,7 +2,7 @@ import { map } from 'rxjs/operators';
import { guessFieldTypeForField } from '../../dataframe/processDataFrame';
import { getFieldDisplayName } from '../../field/fieldState';
import { DataFrame, Field, FieldType } from '../../types/dataFrame';
import { DataFrame, Field, FieldType, TransformationApplicabilityLevels } from '../../types';
import { DataTransformerInfo } from '../../types/transformations';
import { reduceField, ReducerID } from '../fieldReducer';
@ -29,7 +29,34 @@ export const groupByTransformer: DataTransformerInfo<GroupByTransformerOptions>
defaultOptions: {
fields: {},
},
isApplicable: (data: DataFrame[]) => {
let maxFields = 0;
// Group by needs at least two fields
// a field to group on and a field to aggregate
// We make sure that at least one frame has at
// least two fields
for (const frame of data) {
if (frame.fields.length > maxFields) {
maxFields = frame.fields.length;
}
}
return maxFields >= 2
? TransformationApplicabilityLevels.Applicable
: TransformationApplicabilityLevels.NotApplicable;
},
isApplicableDescription: (data: DataFrame[]) => {
let maxFields = 0;
for (const frame of data) {
if (frame.fields.length > maxFields) {
maxFields = frame.fields.length;
}
}
return `The Group by transformation requires a series with at least two fields to work. The maximum number of fields found on a series is ${maxFields}`;
},
/**
* Return a modified copy of the series. If the transform is not or should not
* be applied, just return the input series

31
packages/grafana-data/src/transformations/transformers/groupingToMatrix.ts
View File

@ -1,7 +1,14 @@
import { map } from 'rxjs/operators';
import { getFieldDisplayName } from '../../field/fieldState';
import { DataFrame, DataTransformerInfo, Field, FieldType, SpecialValue } from '../../types';
import {
DataFrame,
DataTransformerInfo,
Field,
FieldType,
SpecialValue,
TransformationApplicabilityLevels,
} from '../../types';
import { fieldMatchers } from '../matchers';
import { FieldMatcherID } from '../matchers/ids';
@ -33,7 +40,29 @@ export const groupingToMatrixTransformer: DataTransformerInfo<GroupingToMatrixTr
rowField: DEFAULT_ROW_FIELD,
valueField: DEFAULT_VALUE_FIELD,
},
/**
* Grouping to matrix requires at least 3 fields to work.
*/
isApplicable: (data: DataFrame[]) => {
let numFields = 0;
for (const frame of data) {
numFields += frame.fields.length;
}
return numFields >= 3
? TransformationApplicabilityLevels.Applicable
: TransformationApplicabilityLevels.NotApplicable;
},
isApplicableDescription: (data: DataFrame[]) => {
let numFields = 0;
for (const frame of data) {
numFields += frame.fields.length;
}
return `Grouping to matrix requiers at least 3 fields to work. Currently there are ${numFields} fields.`;
},
operator: (options) => (source) =>
source.pipe(
map((data) => {

10
packages/grafana-data/src/transformations/transformers/merge.ts
View File

@ -3,7 +3,7 @@ import { map } from 'rxjs/operators';
import { MutableDataFrame } from '../../dataframe';
import { DataFrame, Field } from '../../types/dataFrame';
import { DataTransformerInfo } from '../../types/transformations';
import { DataTransformerInfo, TransformationApplicabilityLevels } from '../../types/transformations';
import { DataTransformerID } from './ids';
@ -19,6 +19,14 @@ export const mergeTransformer: DataTransformerInfo<MergeTransformerOptions> = {
name: 'Merge series/tables',
description: 'Merges multiple series/tables into a single serie/table',
defaultOptions: {},
isApplicable: (data: DataFrame[]) => {
return data.length > 1
? TransformationApplicabilityLevels.Applicable
: TransformationApplicabilityLevels.NotApplicable;
},
isApplicableDescription: (data: DataFrame[]) => {
return `The merge transformation requires at least 2 data series to work. There is currently ${data.length} data series.`;
},
operator: (options) => (source) =>
source.pipe(
map((dataFrames) => {

8
packages/grafana-data/src/transformations/transformers/organize.ts
View File

@ -1,4 +1,4 @@
import { DataTransformerInfo } from '../../types/transformations';
import { DataFrame, DataTransformerInfo, TransformationApplicabilityLevels } from '../../types';
import { filterFieldsByNameTransformer } from './filterByName';
import { DataTransformerID } from './ids';
@ -20,7 +20,11 @@ export const organizeFieldsTransformer: DataTransformerInfo<OrganizeFieldsTransf
indexByName: {},
renameByName: {},
},
isApplicable: (data: DataFrame[]) => {
return data.length > 1
? TransformationApplicabilityLevels.NotPossible
: TransformationApplicabilityLevels.Applicable;
},
/**
* Return a modified copy of the series. If the transform is not or should not
* be applied, just return the input series

27
packages/grafana-data/src/types/transformations.ts
View File

@ -17,6 +17,21 @@ export interface DataTransformContext {
interpolate: InterpolateFunction;
}
/**
* We score for how applicable a given transformation is.
* Currently :
* 0 is considered as not-applicable
* 1 is considered applicable
* 2 is considered as highly applicable (i.e. should be highlighted)
*/
export type TransformationApplicabilityScore = number;
export enum TransformationApplicabilityLevels {
NotPossible = -1,
NotApplicable = 0,
Applicable = 1,
HighlyApplicable = 2,
}
/**
* Function that transform data frames (AKA transformer)
*
@ -28,6 +43,18 @@ export interface DataTransformerInfo<TOptions = any> extends RegistryItemWithOpt
* @param options
*/
operator: (options: TOptions, context: DataTransformContext) => MonoTypeOperatorFunction<DataFrame[]>;
/**
* Function that is present will indicate whether a transformation is applicable
* given the current data.
* @param options
*/
isApplicable?: (data: DataFrame[]) => TransformationApplicabilityScore;
/**
* A description of the applicator. Can either simply be a string
* or function which when given the current dataset returns a string.
* This way descriptions can be tailored relative to the underlying data.
*/
isApplicableDescription?: string | ((data: DataFrame[]) => string);
}
/**

274
public/app/features/dashboard/components/TransformationsEditor/TransformationsEditor.tsx
View File

@ -14,6 +14,7 @@ import {
TransformerRegistryItem,
TransformerCategory,
DataTransformerID,
TransformationApplicabilityLevels,
} from '@grafana/data';
import { selectors } from '@grafana/e2e-selectors';
import { reportInteraction } from '@grafana/runtime';
@ -486,6 +487,7 @@ class UnThemedTransformationsEditor extends React.PureComponent<TransformationsE
<TransformationsGrid
showIllustrations={this.state.showIllustrations}
transformations={xforms}
data={this.state.data}
onClick={(id) => {
this.onTransformationAdd({ value: id });
}}
@ -589,90 +591,98 @@ function TransformationCard({ transform, onClick }: TransformationCardProps) {
const getStyles = (theme: GrafanaTheme2) => {
return {
hide: css`
display: none;
`,
card: css`
margin: 0;
padding: ${theme.spacing(1)};
`,
grid: css`
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
grid-auto-rows: 1fr;
gap: ${theme.spacing(2)} ${theme.spacing(1)};
width: 100%;
`,
newCard: css`
grid-template-rows: min-content 0 1fr 0;
`,
hide: css({
display: 'none',
}),
card: css({
margin: '0',
padding: `${theme.spacing(1)}`,
}),
grid: css({
display: 'grid',
gridTemplateColumns: 'repeat(auto-fill, minmax(220px, 1fr))',
gridAutoRows: '1fr',
gap: `${theme.spacing(2)} ${theme.spacing(1)}`,
width: '100%',
}),
newCard: css({
gridTemplateRows: 'min-content 0 1fr 0',
}),
cardDisabled: css({
backgroundColor: 'rgb(204, 204, 220, 0.045)',
color: `${theme.colors.text.disabled} !important`,
}),
heading: css`
font-weight: 400;
> button {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: no-wrap;
}
`,
description: css`
font-size: 12px;
display: flex;
flex-direction: column;
justify-content: space-between;
`,
image: css`
display: block;
max-width: 100%;
margin-top: ${theme.spacing(2)};
`,
searchWrapper: css`
display: flex;
flex-wrap: wrap;
column-gap: 27px;
row-gap: 16px;
width: 100%;
`,
searchInput: css`
flex-grow: 1;
width: initial;
`,
showImages: css`
flex-basis: 0;
display: flex;
gap: 8px;
align-items: center;
`,
pickerInformationLine: css`
font-size: 16px;
margin-bottom: ${theme.spacing(2)};
`,
pickerInformationLineHighlight: css`
vertical-align: middle;
`,
illustationSwitchLabel: css`
white-space: nowrap;
`,
filterWrapper: css`
padding: ${theme.spacing(1)} 0;
display: flex;
flex-wrap: wrap;
row-gap: ${theme.spacing(1)};
column-gap: ${theme.spacing(0.5)};
`,
listInformationLineWrapper: css`
display: flex;
justify-content: space-between;
margin-bottom: 24px;
`,
listInformationLineText: css`
font-size: 16px;
`,
pluginStateInfoWrapper: css`
margin-left: 5px;
font-weight: 400,
> button: {
width: '100%',
display: 'flex',
justify-content: 'space-between',
align-items: 'center',
flex-wrap: 'no-wrap',
},
`,
description: css({
fontSize: '12px',
display: 'flex',
flexDirection: 'column',
justifyContent: 'space-between',
}),
image: css({
display: 'block',
maxEidth: '100%`',
marginTop: `${theme.spacing(2)}`,
}),
searchWrapper: css({
display: 'flex',
flexWrap: 'wrap',
columnGap: '27px',
rowGap: '16px',
width: '100%',
}),
searchInput: css({
flexGrow: '1',
width: 'initial',
}),
showImages: css({
flexBasis: '0',
display: 'flex',
gap: '8px',
alignItems: 'center',
}),
pickerInformationLine: css({
fontSize: '16px',
marginBottom: `${theme.spacing(2)}`,
}),
pickerInformationLineHighlight: css({
verticalAlign: 'middle',
}),
illustationSwitchLabel: css({
whiteSpace: 'nowrap',
}),
filterWrapper: css({
padding: `${theme.spacing(1)} 0`,
display: 'flex',
flexWrap: 'wrap',
rowGap: `${theme.spacing(1)}`,
columnGap: `${theme.spacing(0.5)}`,
}),
listInformationLineWrapper: css({
display: 'flex',
justifyContent: 'space-between',
marginBottom: '24px',
}),
listInformationLineText: css({
fontSize: '16px',
}),
pluginStateInfoWrapper: css({
marginLeft: '5px',
}),
cardApplicableInfo: css({
position: 'absolute',
bottom: `${theme.spacing(1)}`,
right: `${theme.spacing(1)}`,
}),
};
};
@ -680,46 +690,88 @@ interface TransformationsGridProps {
transformations: Array<TransformerRegistryItem<any>>;
showIllustrations?: boolean;
onClick: (id: string) => void;
data: DataFrame[];
}
function TransformationsGrid({ showIllustrations, transformations, onClick }: TransformationsGridProps) {
function TransformationsGrid({ showIllustrations, transformations, onClick, data }: TransformationsGridProps) {
const styles = useStyles2(getStyles);
return (
<div className={styles.grid}>
{transformations.map((transform) => (
<Card
key={transform.id}
className={styles.newCard}
data-testid={selectors.components.TransformTab.newTransform(transform.name)}
onClick={() => onClick(transform.id)}
>
<Card.Heading className={styles.heading}>
<>
<span>{transform.name}</span>
<span className={styles.pluginStateInfoWrapper}>
<PluginStateInfo state={transform.state} />
</span>
</>
</Card.Heading>
<Card.Description className={styles.description}>
<>
<span>{getTransformationsRedesignDescriptions(transform.id)}</span>
{showIllustrations && (
<span>
<img className={styles.image} src={getImagePath(transform.id)} alt={transform.name} />
{transformations.map((transform) => {
// Check to see if the transform
// is applicable to the given data
let applicabilityScore = TransformationApplicabilityLevels.Applicable;
if (transform.transformation.isApplicable !== undefined) {
applicabilityScore = transform.transformation.isApplicable(data);
}
const isApplicable = applicabilityScore > 0;
let applicabilityDescription = null;
if (transform.transformation.isApplicableDescription !== undefined) {
if (typeof transform.transformation.isApplicableDescription === 'function') {
applicabilityDescription = transform.transformation.isApplicableDescription(data);
} else {
applicabilityDescription = transform.transformation.isApplicableDescription;
}
}
// Add disabled styles to disabled
let cardClasses = styles.newCard;
if (!isApplicable) {
cardClasses = cx(styles.newCard, styles.cardDisabled);
}
return (
<Card
className={cardClasses}
data-testid={selectors.components.TransformTab.newTransform(transform.name)}
onClick={() => onClick(transform.id)}
key={transform.id}
>
<Card.Heading className={styles.heading}>
<>
<span>{transform.name}</span>
<span className={styles.pluginStateInfoWrapper}>
<PluginStateInfo state={transform.state} />
</span>
)}
</>
</Card.Description>
</Card>
))}
</>
</Card.Heading>
<Card.Description className={styles.description}>
<>
<span>{getTransformationsRedesignDescriptions(transform.id)}</span>
{showIllustrations && (
<span>
<img
className={styles.image}
src={getImagePath(transform.id, !isApplicable)}
alt={transform.name}
/>
</span>
)}
{!isApplicable && applicabilityDescription !== null && (
<IconButton
className={styles.cardApplicableInfo}
name="info-circle"
tooltip={applicabilityDescription}
/>
)}
</>
</Card.Description>
</Card>
);
})}
</div>
);
}
const getImagePath = (id: string) => {
const folder = config.theme2.isDark ? 'dark' : 'light';
const getImagePath = (id: string, disabled: boolean) => {
let folder = null;
if (!disabled) {
folder = config.theme2.isDark ? 'dark' : 'light';
} else {
folder = 'disabled';
}
return `public/img/transformations/${folder}/${id}.svg`;
};

123
public/app/features/transformers/calculateHeatmap/heatmap.ts
View File

@ -14,6 +14,7 @@ import {
formattedValueToString,
durationToMilliseconds,
parseDuration,
TransformationApplicabilityLevels,
} from '@grafana/data';
import { isLikelyAscendingVector } from '@grafana/data/src/transformations/transformers/joinDataFrames';
import { config } from '@grafana/runtime';
@ -36,7 +37,21 @@ export const heatmapTransformer: SynchronousDataTransformerInfo<HeatmapTransform
name: 'Create heatmap',
description: 'Generate heatmap data from source data.',
defaultOptions: {},
isApplicable: (data) => {
const { xField, yField, xs, ys } = findHeatmapFields(data);
if (xField || yField) {
return TransformationApplicabilityLevels.NotPossible;
}
if (!xs.length || !ys.length) {
return TransformationApplicabilityLevels.NotPossible;
}
return TransformationApplicabilityLevels.Applicable;
},
isApplicableDescription:
'The Heatmap transformation requires fields with Heatmap compatible data. No fields with Heatmap data could be found.',
operator: (options, ctx) => (source) =>
source.pipe(
map((data) => {
@ -278,56 +293,8 @@ export function prepBucketFrames(frames: DataFrame[]): DataFrame[] {
}
export function calculateHeatmapFromData(frames: DataFrame[], options: HeatmapCalculationOptions): DataFrame {
//console.time('calculateHeatmapFromData');
// optimization
//let xMin = Infinity;
//let xMax = -Infinity;
let xField: Field | undefined = undefined;
let yField: Field | undefined = undefined;
let dataLen = 0;
// pre-allocate arrays
for (let frame of frames) {
// TODO: assumes numeric timestamps, ordered asc, without nulls
const x = frame.fields.find((f) => f.type === FieldType.time);
if (x) {
dataLen += frame.length;
}
}
let xs: number[] = Array(dataLen);
let ys: number[] = Array(dataLen);
let j = 0;
for (let frame of frames) {
// TODO: assumes numeric timestamps, ordered asc, without nulls
const x = frame.fields.find((f) => f.type === FieldType.time);
if (!x) {
continue;
}
if (!xField) {
xField = x; // the first X
}
const xValues = x.values;
for (let field of frame.fields) {
if (field !== x && field.type === FieldType.number) {
const yValues = field.values;
for (let i = 0; i < xValues.length; i++, j++) {
xs[j] = xValues[i];
ys[j] = yValues[i];
}
if (!yField) {
yField = field;
}
}
}
}
// Find fields in the heatmap
const { xField, yField, xs, ys } = findHeatmapFields(frames);
if (!xField || !yField) {
throw 'no heatmap fields found';
@ -398,10 +365,64 @@ export function calculateHeatmapFromData(frames: DataFrame[], options: HeatmapCa
],
};
//console.timeEnd('calculateHeatmapFromData');
return frame;
}
/**
* Find fields that can be used within a heatmap
*
* @param frames
* An array of DataFrames
*/
function findHeatmapFields(frames: DataFrame[]) {
let xField: Field | undefined = undefined;
let yField: Field | undefined = undefined;
let dataLen = 0;
// pre-allocate arrays
for (let frame of frames) {
// TODO: assumes numeric timestamps, ordered asc, without nulls
const x = frame.fields.find((f) => f.type === FieldType.time);
if (x) {
dataLen += frame.length;
}
}
let xs: number[] = Array(dataLen);
let ys: number[] = Array(dataLen);
let j = 0;
for (let frame of frames) {
// TODO: assumes numeric timestamps, ordered asc, without nulls
const x = frame.fields.find((f) => f.type === FieldType.time);
if (!x) {
continue;
}
if (!xField) {
xField = x; // the first X
}
const xValues = x.values;
for (let field of frame.fields) {
if (field !== x && field.type === FieldType.number) {
const yValues = field.values;
for (let i = 0; i < xValues.length; i++, j++) {
xs[j] = xValues[i];
ys[j] = yValues[i];
}
if (!yField) {
yField = field;
}
}
}
}
return { xField, yField, xs, ys };
}
interface HeatmapOpts {
// default is 10% of data range, snapped to a "nice" increment
xMode?: HeatmapCalculationMode;

22
public/img/transformations/disabled/formatTime.svg Normal file
View File

@ -0,0 +1,22 @@
<svg width="122" height="48" viewBox="0 0 122 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1764_106222)">
<path d="M0 1.04083V13H54V0H2.25658C1.6581 0 0 0 0 0C0 0 0 0.764787 0 1.04083Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M54 18H0V31H54V18Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M4.28977 28.6364C3.95739 28.6364 3.64773 28.5824 3.4375 28.4972L3.74432 27.4886C4.15341 27.6222 4.45455 27.6165 4.58807 27.2898L4.64205 27.1591L3.09091 22.6364H4.54545L5.34943 25.75H5.39489L6.21023 22.6364H7.6733L6.02841 27.4176C5.78693 28.1307 5.28977 28.6364 4.28977 28.6364ZM9.0554 28.6364C8.72301 28.6364 8.41335 28.5824 8.20312 28.4972L8.50994 27.4886C8.91903 27.6222 9.22017 27.6165 9.35369 27.2898L9.40767 27.1591L7.85653 22.6364H9.31108L10.1151 25.75H10.1605L10.9759 22.6364H12.4389L10.794 27.4176C10.5526 28.1307 10.0554 28.6364 9.0554 28.6364ZM13.821 28.6364C13.4886 28.6364 13.179 28.5824 12.9688 28.4972L13.2756 27.4886C13.6847 27.6222 13.9858 27.6165 14.1193 27.2898L14.1733 27.1591L12.6222 22.6364H14.0767L14.8807 25.75H14.9261L15.7415 22.6364H17.2045L15.5597 27.4176C15.3182 28.1307 14.821 28.6364 13.821 28.6364ZM18.5866 28.6364C18.2543 28.6364 17.9446 28.5824 17.7344 28.4972L18.0412 27.4886C18.4503 27.6222 18.7514 27.6165 18.8849 27.2898L18.9389 27.1591L17.3878 22.6364H18.8423L19.6463 25.75H19.6918L20.5071 22.6364H21.9702L20.3253 27.4176C20.0838 28.1307 19.5866 28.6364 18.5866 28.6364ZM25.2955 24.1108V25.1818H22.6023V24.1108H25.2955ZM26.2763 27V22.6364H27.5973V23.4375H27.6456C27.8274 22.9062 28.282 22.5795 28.8786 22.5795C29.4837 22.5795 29.9524 22.9148 30.0689 23.4375H30.1143C30.2763 22.9176 30.7848 22.5795 31.4297 22.5795C32.2536 22.5795 32.8217 23.1392 32.8217 24.0625V27H31.4325V24.3807C31.4325 23.946 31.1825 23.7102 30.8303 23.7102C30.4467 23.7102 30.2166 23.9773 30.2166 24.3949V27H28.8814V24.3665C28.8814 23.9631 28.6428 23.7102 28.282 23.7102C27.9183 23.7102 27.6655 23.9858 27.6655 24.4176V27H26.2763ZM33.6825 27V22.6364H35.0036V23.4375H35.0518C35.2337 22.9062 35.6882 22.5795 36.2848 22.5795C36.8899 22.5795 37.3587 22.9148 37.4751 23.4375H37.5206C37.6825 22.9176 38.1911 22.5795 38.8359 22.5795C39.6598 22.5795 40.228 23.1392 40.228 24.0625V27H38.8388V24.3807C38.8388 23.946 38.5888 23.7102 38.2365 23.7102C37.853 23.7102 37.6229 23.9773 37.6229 24.3949V27H36.2876V24.3665C36.2876 23.9631 36.049 23.7102 35.6882 23.7102C35.3246 23.7102 35.0717 23.9858 35.0717 24.4176V27H33.6825ZM43.8814 24.1108V25.1818H41.1882V24.1108H43.8814ZM46.456 27.0625C45.4929 27.0625 44.7116 26.3068 44.7116 24.821C44.7116 23.2812 45.5384 22.5795 46.4503 22.5795C47.1378 22.5795 47.5185 22.983 47.6832 23.3835H47.7116V21.1818H49.1009V27H47.7259V26.2926H47.6832C47.5071 26.696 47.1151 27.0625 46.456 27.0625ZM46.9389 25.9801C47.4446 25.9801 47.7429 25.5256 47.7429 24.8182C47.7429 24.1051 47.4474 23.6648 46.9389 23.6648C46.4219 23.6648 46.1378 24.1165 46.1378 24.8182C46.1378 25.5227 46.4247 25.9801 46.9389 25.9801Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M54 35H0V48H54V35Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M5.28977 45.6364C4.95739 45.6364 4.64773 45.5824 4.4375 45.4972L4.74432 44.4886C5.15341 44.6222 5.45455 44.6165 5.58807 44.2898L5.64205 44.1591L4.09091 39.6364H5.54545L6.34943 42.75H6.39489L7.21023 39.6364H8.6733L7.02841 44.4176C6.78693 45.1307 6.28977 45.6364 5.28977 45.6364ZM10.0554 45.6364C9.72301 45.6364 9.41335 45.5824 9.20312 45.4972L9.50994 44.4886C9.91903 44.6222 10.2202 44.6165 10.3537 44.2898L10.4077 44.1591L8.85653 39.6364H10.3111L11.1151 42.75H11.1605L11.9759 39.6364H13.4389L11.794 44.4176C11.5526 45.1307 11.0554 45.6364 10.0554 45.6364ZM14.821 45.6364C14.4886 45.6364 14.179 45.5824 13.9688 45.4972L14.2756 44.4886C14.6847 44.6222 14.9858 44.6165 15.1193 44.2898L15.1733 44.1591L13.6222 39.6364H15.0767L15.8807 42.75H15.9261L16.7415 39.6364H18.2045L16.5597 44.4176C16.3182 45.1307 15.821 45.6364 14.821 45.6364ZM19.5866 45.6364C19.2543 45.6364 18.9446 45.5824 18.7344 45.4972L19.0412 44.4886C19.4503 44.6222 19.7514 44.6165 19.8849 44.2898L19.9389 44.1591L18.3878 39.6364H19.8423L20.6463 42.75H20.6918L21.5071 39.6364H22.9702L21.3253 44.4176C21.0838 45.1307 20.5866 45.6364 19.5866 45.6364ZM26.2955 41.1108V42.1818H23.6023V41.1108H26.2955ZM27.2763 44V39.6364H28.5973V40.4375H28.6456C28.8274 39.9062 29.282 39.5795 29.8786 39.5795C30.4837 39.5795 30.9524 39.9148 31.0689 40.4375H31.1143C31.2763 39.9176 31.7848 39.5795 32.4297 39.5795C33.2536 39.5795 33.8217 40.1392 33.8217 41.0625V44H32.4325V41.3807C32.4325 40.946 32.1825 40.7102 31.8303 40.7102C31.4467 40.7102 31.2166 40.9773 31.2166 41.3949V44H29.8814V41.3665C29.8814 40.9631 29.6428 40.7102 29.282 40.7102C28.9183 40.7102 28.6655 40.9858 28.6655 41.4176V44H27.2763ZM34.6825 44V39.6364H36.0036V40.4375H36.0518C36.2337 39.9062 36.6882 39.5795 37.2848 39.5795C37.8899 39.5795 38.3587 39.9148 38.4751 40.4375H38.5206C38.6825 39.9176 39.1911 39.5795 39.8359 39.5795C40.6598 39.5795 41.228 40.1392 41.228 41.0625V44H39.8388V41.3807C39.8388 40.946 39.5888 40.7102 39.2365 40.7102C38.853 40.7102 38.6229 40.9773 38.6229 41.3949V44H37.2876V41.3665C37.2876 40.9631 37.049 40.7102 36.6882 40.7102C36.3246 40.7102 36.0717 40.9858 36.0717 41.4176V44H34.6825ZM44.8814 41.1108V42.1818H42.1882V41.1108H44.8814ZM47.456 44.0625C46.4929 44.0625 45.7116 43.3068 45.7116 41.821C45.7116 40.2812 46.5384 39.5795 47.4503 39.5795C48.1378 39.5795 48.5185 39.983 48.6832 40.3835H48.7116V38.1818H50.1009V44H48.7259V43.2926H48.6832C48.5071 43.696 48.1151 44.0625 47.456 44.0625ZM47.9389 42.9801C48.4446 42.9801 48.7429 42.5256 48.7429 41.8182C48.7429 41.1051 48.4474 40.6648 47.9389 40.6648C47.4219 40.6648 47.1378 41.1165 47.1378 41.8182C47.1378 42.5227 47.4247 42.9801 47.9389 42.9801Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M27 3C26.3078 3 25.6311 3.20527 25.0555 3.58986C24.4799 3.97444 24.0313 4.52107 23.7664 5.16061C23.5015 5.80015 23.4322 6.50388 23.5673 7.18282C23.7023 7.86175 24.0356 8.48539 24.5251 8.97487C25.0146 9.46436 25.6383 9.7977 26.3172 9.93275C26.9961 10.0678 27.6999 9.99848 28.3394 9.73358C28.9789 9.46867 29.5256 9.02007 29.9101 8.44449C30.2947 7.86892 30.5 7.19223 30.5 6.5C30.5 6.04037 30.4095 5.58525 30.2336 5.16061C30.0577 4.73597 29.7999 4.35013 29.4749 4.02513C29.1499 3.70012 28.764 3.44231 28.3394 3.26642C27.9148 3.09053 27.4596 3 27 3ZM27 9.3C26.4462 9.3 25.9049 9.13578 25.4444 8.82811C24.9839 8.52045 24.6251 8.08315 24.4131 7.57151C24.2012 7.05988 24.1458 6.49689 24.2538 5.95375C24.3618 5.4106 24.6285 4.91169 25.0201 4.5201C25.4117 4.12851 25.9106 3.86184 26.4537 3.7538C26.9969 3.64576 27.5599 3.70121 28.0715 3.91314C28.5831 4.12506 29.0204 4.48395 29.3281 4.9444C29.6358 5.40486 29.8 5.94621 29.8 6.5C29.8 7.24261 29.505 7.9548 28.9799 8.4799C28.4548 9.005 27.7426 9.3 27 9.3ZM27 4.4C26.9072 4.4 26.8182 4.43687 26.7525 4.50251C26.6869 4.56815 26.65 4.65717 26.65 4.75V6.15H25.95C25.8572 6.15 25.7682 6.18687 25.7025 6.25251C25.6369 6.31815 25.6 6.40717 25.6 6.5C25.6 6.59283 25.6369 6.68185 25.7025 6.74749C25.7682 6.81312 25.8572 6.85 25.95 6.85H27C27.0928 6.85 27.1819 6.81312 27.2475 6.74749C27.3131 6.68185 27.35 6.59283 27.35 6.5V4.75C27.35 4.65717 27.3131 4.56815 27.2475 4.50251C27.1819 4.43687 27.0928 4.4 27 4.4Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<path d="M67.9067 30C68.6011 30 73.9327 26 73.9327 24C73.9327 22 68.7357 18 67.9067 18C67.0777 18 66.4023 18.5 66.4023 19.4756C66.4023 20.4512 69.9067 22.9206 69.9067 22.9206C69.9067 22.9206 62.2539 22.25 62 22.9206C61.7461 23.5911 61.7461 24.4089 62 25.0794C62.2539 25.75 69.9067 25.0794 69.9067 25.0794C69.9067 25.0794 66.4023 27.75 66.4023 28.5301C66.4023 29.3103 67.2123 30 67.9067 30Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M82 1.04083V13H122V0H83.6715H82V1.04083Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M122 18H82V31H122V18Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M88.4403 27.5V23.1364H89.7614V23.9375H89.8097C89.9915 23.4062 90.446 23.0795 91.0426 23.0795C91.6477 23.0795 92.1165 23.4148 92.233 23.9375H92.2784C92.4403 23.4176 92.9489 23.0795 93.5938 23.0795C94.4176 23.0795 94.9858 23.6392 94.9858 24.5625V27.5H93.5966V24.8807C93.5966 24.446 93.3466 24.2102 92.9943 24.2102C92.6108 24.2102 92.3807 24.4773 92.3807 24.8949V27.5H91.0455V24.8665C91.0455 24.4631 90.8068 24.2102 90.446 24.2102C90.0824 24.2102 89.8295 24.4858 89.8295 24.9176V27.5H88.4403ZM95.8466 27.5V23.1364H97.1676V23.9375H97.2159C97.3977 23.4062 97.8523 23.0795 98.4489 23.0795C99.054 23.0795 99.5227 23.4148 99.6392 23.9375H99.6847C99.8466 23.4176 100.355 23.0795 101 23.0795C101.824 23.0795 102.392 23.6392 102.392 24.5625V27.5H101.003V24.8807C101.003 24.446 100.753 24.2102 100.401 24.2102C100.017 24.2102 99.7869 24.4773 99.7869 24.8949V27.5H98.4517V24.8665C98.4517 24.4631 98.2131 24.2102 97.8523 24.2102C97.4886 24.2102 97.2358 24.4858 97.2358 24.9176V27.5H95.8466ZM106.045 24.6108V25.6818H103.352V24.6108H106.045ZM108.62 27.5625C107.657 27.5625 106.876 26.8068 106.876 25.321C106.876 23.7812 107.702 23.0795 108.614 23.0795C109.302 23.0795 109.683 23.483 109.847 23.8835H109.876V21.6818H111.265V27.5H109.89V26.7926H109.847C109.671 27.196 109.279 27.5625 108.62 27.5625ZM109.103 26.4801C109.609 26.4801 109.907 26.0256 109.907 25.3182C109.907 24.6051 109.612 24.1648 109.103 24.1648C108.586 24.1648 108.302 24.6165 108.302 25.3182C108.302 26.0227 108.589 26.4801 109.103 26.4801ZM113.737 27.5625C112.774 27.5625 111.993 26.8068 111.993 25.321C111.993 23.7812 112.82 23.0795 113.732 23.0795C114.419 23.0795 114.8 23.483 114.964 23.8835H114.993V21.6818H116.382V27.5H115.007V26.7926H114.964C114.788 27.196 114.396 27.5625 113.737 27.5625ZM114.22 26.4801C114.726 26.4801 115.024 26.0256 115.024 25.3182C115.024 24.6051 114.729 24.1648 114.22 24.1648C113.703 24.1648 113.419 24.6165 113.419 25.3182C113.419 26.0227 113.706 26.4801 114.22 26.4801Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M122 35H82V48H122V35Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M102 3C101.308 3 100.631 3.20527 100.056 3.58986C99.4799 3.97444 99.0313 4.52107 98.7664 5.16061C98.5015 5.80015 98.4322 6.50388 98.5673 7.18282C98.7023 7.86175 99.0356 8.48539 99.5251 8.97487C100.015 9.46436 100.638 9.7977 101.317 9.93275C101.996 10.0678 102.7 9.99848 103.339 9.73358C103.979 9.46867 104.526 9.02007 104.91 8.44449C105.295 7.86892 105.5 7.19223 105.5 6.5C105.5 6.04037 105.409 5.58525 105.234 5.16061C105.058 4.73597 104.8 4.35013 104.475 4.02513C104.15 3.70012 103.764 3.44231 103.339 3.26642C102.915 3.09053 102.46 3 102 3ZM102 9.3C101.446 9.3 100.905 9.13578 100.444 8.82811C99.9839 8.52045 99.6251 8.08315 99.4131 7.57151C99.2012 7.05988 99.1458 6.49689 99.2538 5.95375C99.3618 5.4106 99.6285 4.91169 100.02 4.5201C100.412 4.12851 100.911 3.86184 101.454 3.7538C101.997 3.64576 102.56 3.70121 103.072 3.91314C103.583 4.12506 104.02 4.48395 104.328 4.9444C104.636 5.40486 104.8 5.94621 104.8 6.5C104.8 7.24261 104.505 7.9548 103.98 8.4799C103.455 9.005 102.743 9.3 102 9.3ZM102 4.4C101.907 4.4 101.818 4.43687 101.753 4.50251C101.687 4.56815 101.65 4.65717 101.65 4.75V6.15H100.95C100.857 6.15 100.768 6.18687 100.703 6.25251C100.637 6.31815 100.6 6.40717 100.6 6.5C100.6 6.59283 100.637 6.68185 100.703 6.74749C100.768 6.81312 100.857 6.85 100.95 6.85H102C102.093 6.85 102.182 6.81312 102.247 6.74749C102.313 6.68185 102.35 6.59283 102.35 6.5V4.75C102.35 4.65717 102.313 4.56815 102.247 4.50251C102.182 4.43687 102.093 4.4 102 4.4Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M93.2898 45.6364C92.9574 45.6364 92.6477 45.5824 92.4375 45.4972L92.7443 44.4886C93.1534 44.6222 93.4545 44.6165 93.5881 44.2898L93.642 44.1591L92.0909 39.6364H93.5455L94.3494 42.75H94.3949L95.2102 39.6364H96.6733L95.0284 44.4176C94.7869 45.1307 94.2898 45.6364 93.2898 45.6364ZM98.0554 45.6364C97.723 45.6364 97.4134 45.5824 97.2031 45.4972L97.5099 44.4886C97.919 44.6222 98.2202 44.6165 98.3537 44.2898L98.4077 44.1591L96.8565 39.6364H98.3111L99.1151 42.75H99.1605L99.9759 39.6364H101.439L99.794 44.4176C99.5526 45.1307 99.0554 45.6364 98.0554 45.6364ZM102.821 45.6364C102.489 45.6364 102.179 45.5824 101.969 45.4972L102.276 44.4886C102.685 44.6222 102.986 44.6165 103.119 44.2898L103.173 44.1591L101.622 39.6364H103.077L103.881 42.75H103.926L104.741 39.6364H106.205L104.56 44.4176C104.318 45.1307 103.821 45.6364 102.821 45.6364ZM107.587 45.6364C107.254 45.6364 106.945 45.5824 106.734 45.4972L107.041 44.4886C107.45 44.6222 107.751 44.6165 107.885 44.2898L107.939 44.1591L106.388 39.6364H107.842L108.646 42.75H108.692L109.507 39.6364H110.97L109.325 44.4176C109.084 45.1307 108.587 45.6364 107.587 45.6364Z" fill="#CCCCDC" fill-opacity="0.4"/>
<defs>
<clipPath id="clip0_1764_106222">
<rect width="54" height="48" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

28
public/img/transformations/disabled/groupBy.svg Normal file
View File

@ -0,0 +1,28 @@
<svg width="78" height="51" viewBox="0 0 78 51" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1764_105818)">
<path d="M2 0.800642V10H26V1.05456e-06H3.00292L2.0002 0L2 0.800642Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M26 13H2V22.5H26V13Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M26 25.75H2V35.25H26V25.75Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M26 38.5H2V48H26V38.5Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M15.5 14.75H14.0716L12.5 15.6699V16.9238L13.9253 16.1035H13.9627V20.75H15.5V14.75Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M12.0873 33.5H16.5V32.3468H14.0841V32.3092L14.7972 31.6561C16.0896 30.5376 16.4272 29.9682 16.4272 29.289C16.4272 28.2225 15.5511 27.5 14.1976 27.5C12.879 27.5 11.9971 28.2543 12 29.4595H13.3651C13.3651 28.9249 13.697 28.6156 14.1918 28.6156C14.6779 28.6156 15.0301 28.9133 15.0301 29.4017C15.0301 29.8439 14.7506 30.1445 14.2616 30.5809L12.0873 32.4711V33.5Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M12.0873 46.5H16.5V45.3468H14.0841V45.3092L14.7972 44.6561C16.0896 43.5376 16.4272 42.9682 16.4272 42.289C16.4272 41.2225 15.5511 40.5 14.1976 40.5C12.879 40.5 11.9971 41.2543 12 42.4595H13.3651C13.3651 41.9249 13.697 41.6156 14.1918 41.6156C14.6779 41.6156 15.0301 41.9133 15.0301 42.4017C15.0301 42.8439 14.7506 43.1445 14.2616 43.5809L12.0873 45.4711V46.5Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<path d="M39.9067 30C40.6011 30 45.9327 26 45.9327 24C45.9327 22 40.7357 18 39.9067 18C39.0777 18 38.4023 18.5 38.4023 19.4756C38.4023 20.4512 41.9067 22.9206 41.9067 22.9206C41.9067 22.9206 34.2539 22.25 34 22.9206C33.7461 23.5911 33.7461 24.4089 34 25.0794C34.2539 25.75 41.9067 25.0794 41.9067 25.0794C41.9067 25.0794 38.4023 27.75 38.4023 28.5301C38.4023 29.3103 39.2123 30 39.9067 30Z" fill="#CCCCDC" fill-opacity="0.4"/>
<g clip-path="url(#clip1_1764_105818)">
<path d="M54 0.800642V10H78V1.13097e-06H55.0029C54.7369 1.13097e-06 54.0001 0 54.0001 0C54.0001 0 54 0.588299 54 0.800642Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M78 13H54V29H78V13Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M78 32H54V48H78V32Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M67.5 18H66.0716L64.5 18.9199V20.1738L65.9253 19.3535H65.9627V24H67.5V18Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M64.0873 43H68.5V41.8468H66.0841V41.8092L66.7972 41.1561C68.0896 40.0376 68.4272 39.4682 68.4272 38.789C68.4272 37.7225 67.5511 37 66.1976 37C64.879 37 63.9971 37.7543 64 38.9595H65.3651C65.3651 38.4249 65.697 38.1156 66.1918 38.1156C66.6779 38.1156 67.0301 38.4133 67.0301 38.9017C67.0301 39.3439 66.7506 39.6445 66.2616 40.0809L64.0873 41.9711V43Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M26 25.7421H2V48H26V25.7421ZM0 23.6179V50H28V23.6179L0 23.6179Z" fill="#CCCCDC" fill-opacity="0.4"/>
<defs>
<clipPath id="clip0_1764_105818">
<rect width="24" height="48" fill="white" transform="translate(2)"/>
</clipPath>
<clipPath id="clip1_1764_105818">
<rect width="24" height="48" fill="white" transform="translate(54)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

74
public/img/transformations/disabled/groupingToMatrix.svg Normal file
View File

@ -0,0 +1,74 @@
<svg width="188" height="48" viewBox="0 0 188 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1764_105505)">
<path d="M0 0.800641V10H24V1.05456e-06H1.00292L0.000198677 0L0 0.800641Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M24 13H0V22.5H24V13Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M24 25.75H0V35.25H24V25.75Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M24 38.5H0V48H24V38.5Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M13 14.6179H11.5716L10 15.5378V16.7917L11.4253 15.9714H11.4627V20.6179H13V14.6179Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M9.83733 33.5H14.25V32.3468H11.8341V32.3092L12.5472 31.6561C13.8396 30.5376 14.1772 29.9682 14.1772 29.289C14.1772 28.2225 13.3011 27.5 11.9476 27.5C10.629 27.5 9.7471 28.2543 9.75001 29.4595H11.1151C11.1151 28.9249 11.447 28.6156 11.9418 28.6156C12.4279 28.6156 12.7801 28.9133 12.7801 29.4017C12.7801 29.8439 12.5006 30.1445 12.0116 30.5809L9.83733 32.4711V33.5Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M9.83733 46.25H14.25V45.0968H11.8341V45.0592L12.5472 44.4061C13.8396 43.2876 14.1772 42.7182 14.1772 42.039C14.1772 40.9725 13.3011 40.25 11.9476 40.25C10.629 40.25 9.7471 41.0043 9.75001 42.2095H11.1151C11.1151 41.6749 11.447 41.3656 11.9418 41.3656C12.4279 41.3656 12.7801 41.6633 12.7801 42.1517C12.7801 42.5939 12.5006 42.8945 12.0116 43.3309L9.83733 45.2211V46.25Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<g clip-path="url(#clip1_1764_105505)">
<path d="M28 0.800641V10H52V1.05456e-06H29.0029L28.0002 0L28 0.800641Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M52 13H28V22.5H52V13Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M52 25.75H28V35.25H52V25.75Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M52 38.5H28V48H52V38.5Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M40.1058 46.25C41.5564 46.25 42.4563 45.4582 42.5 44.2595H40.9654C40.905 44.7737 40.5759 45.0544 40.1259 45.0544C39.5484 45.0544 39.1723 44.597 39.1723 43.7358C39.1723 42.8809 39.5517 42.4235 40.1259 42.4235C40.596 42.4235 40.9016 42.7232 40.9654 43.2185H42.5C42.4631 42.026 41.5363 41.25 40.1024 41.25C38.4805 41.25 37.5 42.2658 37.5 43.7516C37.5 45.2311 38.4738 46.25 40.1058 46.25Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<g clip-path="url(#clip2_1764_105505)">
<path d="M56 0.800641V10H80V1.05456e-06H57.0029L56.0002 0L56 0.800641Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M80 13H56V22.5H80V13Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M80 25.75H56V35.25H80V25.75Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M80 38.5H56V48H80V38.5Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M67.5383 20.75C68.2141 20.75 68.616 20.3761 68.7966 19.9645H68.8403V20.6862H70.25V14.75H68.8257V16.9964H68.7966C68.6277 16.5877 68.2374 16.1761 67.5325 16.1761C66.5976 16.1761 65.75 16.892 65.75 18.463C65.75 19.979 66.551 20.75 67.5383 20.75ZM68.0335 19.6457C67.5063 19.6457 67.2121 19.179 67.2121 18.4601C67.2121 17.7442 67.5034 17.2833 68.0335 17.2833C68.5549 17.2833 68.8578 17.7326 68.8578 18.4601C68.8578 19.1819 68.5519 19.6457 68.0335 19.6457Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M68.0797 33C69.4177 33 70.2975 32.3849 70.4834 31.4322L68.9927 31.3912C68.8665 31.7129 68.5345 31.8864 68.1096 31.8864C67.4854 31.8864 67.1003 31.4921 67.1003 30.8991V30.858H70.5V30.4732C70.5 28.877 69.4774 28 68.0299 28C66.4894 28 65.5 29.0032 65.5 30.5047C65.5 32.0568 66.4761 33 68.0797 33ZM67.1003 29.9621C67.1235 29.4795 67.5252 29.1136 68.0631 29.1136C68.5976 29.1136 68.9827 29.4669 68.9894 29.9621H67.1003Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M69.2936 41.9515H68.4651V41.7108C68.4651 41.4646 68.5669 41.3134 68.8893 41.3134C69.0193 41.3134 69.1777 41.3414 69.2795 41.3722L69.5 40.3703C69.336 40.3256 68.9599 40.25 68.5782 40.25C67.6932 40.25 67.0853 40.7369 67.0853 41.7332V41.9515H66.5V42.959H67.0853V46.25H68.4651V42.959H69.2936V41.9515Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<path d="M93.9067 30C94.6011 30 99.9327 26 99.9327 24C99.9327 22 94.7357 18 93.9067 18C93.0777 18 92.4023 18.5 92.4023 19.4756C92.4023 20.4512 95.9067 22.9206 95.9067 22.9206C95.9067 22.9206 88.2539 22.25 88 22.9206C87.7461 23.5911 87.7461 24.4089 88 25.0794C88.2539 25.75 95.9067 25.0794 95.9067 25.0794C95.9067 25.0794 92.4023 27.75 92.4023 28.5301C92.4023 29.3103 93.2123 30 93.9067 30Z" fill="#CCCCDC" fill-opacity="0.4"/>
<g clip-path="url(#clip3_1764_105505)">
<path d="M108 0.800641V10H132V1.05456e-06H109.003L108 0L108 0.800641Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M132 13H108V22.5H132V13Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M132 25.75H108V35.25H132V25.75Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M132 38.5H108V48H132V38.5Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M120.106 46.25C121.556 46.25 122.456 45.4582 122.5 44.2595H120.965C120.905 44.7737 120.576 45.0544 120.126 45.0544C119.548 45.0544 119.172 44.597 119.172 43.7358C119.172 42.8809 119.552 42.4235 120.126 42.4235C120.596 42.4235 120.902 42.7232 120.965 43.2185H122.5C122.463 42.026 121.536 41.25 120.102 41.25C118.481 41.25 117.5 42.2658 117.5 43.7516C117.5 45.2311 118.474 46.25 120.106 46.25Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M117.75 33.4362H119.16V32.7145H119.203C119.384 33.1261 119.786 33.5 120.462 33.5C121.452 33.5 122.25 32.729 122.25 31.213C122.25 29.642 121.405 28.9261 120.47 28.9261C119.763 28.9261 119.375 29.3377 119.203 29.7464H119.174V27.5H117.75V33.4362ZM119.145 31.2101C119.145 30.4826 119.448 30.0333 119.969 30.0333C120.497 30.0333 120.788 30.4942 120.788 31.2101C120.788 31.929 120.497 32.3957 119.969 32.3957C119.448 32.3957 119.145 31.9319 119.145 31.2101Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M119.346 20.25C120.022 20.25 120.49 19.9877 120.756 19.4915H120.794V20.1678H122.247V16.8682C122.247 15.841 121.334 15.25 120.098 15.25C118.793 15.25 118.053 15.9074 117.93 16.7924L119.356 16.8429C119.422 16.5332 119.678 16.3436 120.086 16.3436C120.465 16.3436 120.705 16.5269 120.705 16.8524V16.8682C120.705 17.1653 120.383 17.2285 119.555 17.3012C118.572 17.3834 117.75 17.7468 117.75 18.8214C117.75 19.7822 118.417 20.25 119.346 20.25ZM119.823 19.2386C119.466 19.2386 119.213 19.068 119.213 18.7456C119.213 18.4327 119.46 18.243 119.899 18.1767C120.187 18.1356 120.541 18.0724 120.715 17.9807V18.4422C120.715 18.9162 120.316 19.2386 119.823 19.2386Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<g clip-path="url(#clip4_1764_105505)">
<path d="M136 0.800641V10H160V1.05456e-06H137.003L136 0L136 0.800641Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M160 13H136V22.5H160V13Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M160 25.75H136V35.25H160V25.75Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M160 38.5H136V48H160V38.5Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M149.5 2H148.072L146.5 2.91992V4.17383L147.925 3.35352H147.963V8H149.5V2Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M147.538 21C148.214 21 148.616 20.6261 148.797 20.2145H148.84V20.9362H150.25V15H148.826V17.2464H148.797C148.628 16.8377 148.237 16.4261 147.533 16.4261C146.598 16.4261 145.75 17.142 145.75 18.713C145.75 20.229 146.551 21 147.538 21ZM148.033 19.8957C147.506 19.8957 147.212 19.429 147.212 18.7101C147.212 17.9942 147.503 17.5333 148.033 17.5333C148.555 17.5333 148.858 17.9826 148.858 18.7101C148.858 19.4319 148.552 19.8957 148.033 19.8957Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<g clip-path="url(#clip5_1764_105505)">
<path d="M164 0.800641V10H188V1.05456e-06H165.003L164 0L164 0.800641Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M188 13H164V22.5H188V13Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M188 25.75H164V35.25H188V25.75Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M188 38.5H164V48H188V38.5Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M173.837 8H178.25V6.84682H175.834V6.80925L176.547 6.15607C177.84 5.03757 178.177 4.46821 178.177 3.78902C178.177 2.72254 177.301 2 175.948 2C174.629 2 173.747 2.75434 173.75 3.95954H175.115C175.115 3.42486 175.447 3.11561 175.942 3.11561C176.428 3.11561 176.78 3.41329 176.78 3.90173C176.78 4.34393 176.501 4.64451 176.012 5.08093L173.837 6.9711V8Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M176.08 33C177.418 33 178.297 32.3849 178.483 31.4322L176.993 31.3912C176.867 31.7129 176.535 31.8864 176.11 31.8864C175.485 31.8864 175.1 31.4921 175.1 30.8991V30.858H178.5V30.4732C178.5 28.877 177.477 28 176.03 28C174.489 28 173.5 29.0032 173.5 30.5047C173.5 32.0568 174.476 33 176.08 33ZM175.1 29.9621C175.124 29.4795 175.525 29.1136 176.063 29.1136C176.598 29.1136 176.983 29.4669 176.989 29.9621H175.1Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M177.294 41.7015H176.465V41.4608C176.465 41.2146 176.567 41.0634 176.889 41.0634C177.019 41.0634 177.178 41.0914 177.279 41.1222L177.5 40.1203C177.336 40.0756 176.96 40 176.578 40C175.693 40 175.085 40.4869 175.085 41.4832V41.7015H174.5V42.709H175.085V46H176.465V42.709H177.294V41.7015Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<defs>
<clipPath id="clip0_1764_105505">
<rect width="24" height="48" fill="white"/>
</clipPath>
<clipPath id="clip1_1764_105505">
<rect width="24" height="48" fill="white" transform="translate(28)"/>
</clipPath>
<clipPath id="clip2_1764_105505">
<rect width="24" height="48" fill="white" transform="translate(56)"/>
</clipPath>
<clipPath id="clip3_1764_105505">
<rect width="24" height="48" fill="white" transform="translate(108)"/>
</clipPath>
<clipPath id="clip4_1764_105505">
<rect width="24" height="48" fill="white" transform="translate(136)"/>
</clipPath>
<clipPath id="clip5_1764_105505">
<rect width="24" height="48" fill="white" transform="translate(164)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.3 KiB

58
public/img/transformations/disabled/heatmap.svg Normal file
View File

@ -0,0 +1,58 @@
<svg width="124" height="48" viewBox="0 0 124 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1764_105348)">
<path d="M0 0.611699V7.64012H14.394V0H0.601504C0.441975 0 0.28898 0.0644467 0.176176 0.179162C0.0633725 0.293878 0 0.449466 0 0.611699Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M33.606 7.64012H47.9999V0.611699C47.9999 0.449466 47.9366 0.293878 47.8238 0.179162C47.711 0.0644467 47.558 0 47.3984 0L33.606 0V7.64012Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M31.194 0H16.8V7.64012H31.194V0Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M31.194 10.0869H16.8V17.727H31.194V10.0869Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M14.394 10.0869H0V17.727H14.394V10.0869Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M47.9999 10.0869H33.606V17.727H47.9999V10.0869Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M47.9999 20.1799H33.606V27.8262H47.9999V20.1799Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M31.194 20.1799H16.8V27.8262H31.194V20.1799Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M14.394 20.1799H0V27.8262H14.394V20.1799Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M31.194 30.2669H16.8V37.907H31.194V30.2669Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M47.9999 30.2669H33.606V37.907H47.9999V30.2669Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M14.394 30.2669H0V37.907H14.394V30.2669Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M31.194 40.3599H16.8V48H31.194V40.3599Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M47.9999 47.3883V40.3721H33.606V48H47.3984C47.558 48 47.711 47.9356 47.8238 47.8208C47.9366 47.7061 47.9999 47.5505 47.9999 47.3883Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M14.394 48V40.3721H0V47.3883C0 47.5505 0.0633725 47.7061 0.176176 47.8208C0.28898 47.9356 0.441975 48 0.601504 48H14.394Z" fill="#CCCCDC" fill-opacity="0.04"/>
</g>
<path d="M61.9067 30.4C62.6011 30.4 67.9327 26.1333 67.9327 24C67.9327 21.8667 62.7357 17.6 61.9067 17.6C61.0777 17.6 60.4023 18.1333 60.4023 19.174C60.4023 20.2146 63.9067 22.8486 63.9067 22.8486C63.9067 22.8486 56.2539 22.1333 56 22.8486C55.7461 23.5639 55.7461 24.4361 56 25.1514C56.2539 25.8667 63.9067 25.1514 63.9067 25.1514C63.9067 25.1514 60.4023 28 60.4023 28.8322C60.4023 29.6643 61.2123 30.4 61.9067 30.4Z" fill="#CCCCDC" fill-opacity="0.4"/>
<g clip-path="url(#clip1_1764_105348)">
<path d="M81.4059 0H76.5993C76.2683 0 76 0.268327 76 0.599326V5.40592C76 5.73692 76.2683 6.00524 76.5993 6.00524H81.4059C81.7369 6.00524 82.0052 5.73692 82.0052 5.40592V0.599326C82.0052 0.268327 81.7369 0 81.4059 0Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M98.205 0H93.3984C93.0674 0 92.7991 0.268327 92.7991 0.599326V5.40592C92.7991 5.73692 93.0674 6.00524 93.3984 6.00524H98.205C98.536 6.00524 98.8043 5.73692 98.8043 5.40592V0.599326C98.8043 0.268327 98.536 0 98.205 0Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M106.608 0H101.801C101.47 0 101.202 0.268327 101.202 0.599326V5.40592C101.202 5.73692 101.47 6.00524 101.801 6.00524H106.608C106.939 6.00524 107.207 5.73692 107.207 5.40592V0.599326C107.207 0.268327 106.939 0 106.608 0Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M115.004 0H110.197C109.866 0 109.598 0.268327 109.598 0.599326V5.40592C109.598 5.73692 109.866 6.00524 110.197 6.00524H115.004C115.335 6.00524 115.603 5.73692 115.603 5.40592V0.599326C115.603 0.268327 115.335 0 115.004 0Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M123.407 8.40255H118.6C118.269 8.40255 118.001 8.67087 118.001 9.00187V13.8085C118.001 14.1395 118.269 14.4078 118.6 14.4078H123.407C123.738 14.4078 124.006 14.1395 124.006 13.8085V9.00187C124.006 8.67087 123.738 8.40255 123.407 8.40255Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M98.205 16.7991H93.3984C93.0674 16.7991 92.7991 17.0674 92.7991 17.3984V22.205C92.7991 22.536 93.0674 22.8043 93.3984 22.8043H98.205C98.536 22.8043 98.8043 22.536 98.8043 22.205V17.3984C98.8043 17.0674 98.536 16.7991 98.205 16.7991Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M106.608 16.7991H101.801C101.47 16.7991 101.202 17.0674 101.202 17.3984V22.205C101.202 22.536 101.47 22.8043 101.801 22.8043H106.608C106.939 22.8043 107.207 22.536 107.207 22.205V17.3984C107.207 17.0674 106.939 16.7991 106.608 16.7991Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M115.004 16.7991H110.197C109.866 16.7991 109.598 17.0674 109.598 17.3984V22.205C109.598 22.536 109.866 22.8043 110.197 22.8043H115.004C115.335 22.8043 115.603 22.536 115.603 22.205V17.3984C115.603 17.0674 115.335 16.7991 115.004 16.7991Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M123.407 16.7991H118.6C118.269 16.7991 118.001 17.0674 118.001 17.3984V22.205C118.001 22.536 118.269 22.8043 118.6 22.8043H123.407C123.738 22.8043 124.006 22.536 124.006 22.205V17.3984C124.006 17.0674 123.738 16.7991 123.407 16.7991Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M81.4059 25.2016H76.5993C76.2683 25.2016 76 25.47 76 25.801V30.6076C76 30.9386 76.2683 31.2069 76.5993 31.2069H81.4059C81.7369 31.2069 82.0052 30.9386 82.0052 30.6076V25.801C82.0052 25.47 81.7369 25.2016 81.4059 25.2016Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M106.608 25.2016H101.801C101.47 25.2016 101.202 25.47 101.202 25.801V30.6076C101.202 30.9386 101.47 31.2069 101.801 31.2069H106.608C106.939 31.2069 107.207 30.9386 107.207 30.6076V25.801C107.207 25.47 106.939 25.2016 106.608 25.2016Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M115.004 25.2016H110.197C109.866 25.2016 109.598 25.47 109.598 25.801V30.6076C109.598 30.9386 109.866 31.2069 110.197 31.2069H115.004C115.335 31.2069 115.603 30.9386 115.603 30.6076V25.801C115.603 25.47 115.335 25.2016 115.004 25.2016Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M123.407 25.2016H118.6C118.269 25.2016 118.001 25.47 118.001 25.801V30.6076C118.001 30.9386 118.269 31.2069 118.6 31.2069H123.407C123.738 31.2069 124.006 30.9386 124.006 30.6076V25.801C124.006 25.47 123.738 25.2016 123.407 25.2016Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M89.8085 33.5982H85.0019C84.6709 33.5982 84.4026 33.8665 84.4026 34.1975V39.0041C84.4026 39.3351 84.6709 39.6035 85.0019 39.6035H89.8085C90.1395 39.6035 90.4078 39.3351 90.4078 39.0041V34.1975C90.4078 33.8665 90.1395 33.5982 89.8085 33.5982Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M89.8085 42.0008H85.0019C84.6709 42.0008 84.4026 42.2691 84.4026 42.6001V47.4067C84.4026 47.7377 84.6709 48.006 85.0019 48.006H89.8085C90.1395 48.006 90.4078 47.7377 90.4078 47.4067V42.6001C90.4078 42.2691 90.1395 42.0008 89.8085 42.0008Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M98.205 42.0008H93.3984C93.0674 42.0008 92.7991 42.2691 92.7991 42.6001V47.4067C92.7991 47.7377 93.0674 48.006 93.3984 48.006H98.205C98.536 48.006 98.8043 47.7377 98.8043 47.4067V42.6001C98.8043 42.2691 98.536 42.0008 98.205 42.0008Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M106.608 42.0008H101.801C101.47 42.0008 101.202 42.2691 101.202 42.6001V47.4067C101.202 47.7377 101.47 48.006 101.801 48.006H106.608C106.939 48.006 107.207 47.7377 107.207 47.4067V42.6001C107.207 42.2691 106.939 42.0008 106.608 42.0008Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M89.8085 0H85.0019C84.6709 0 84.4026 0.268327 84.4026 0.599326V5.40592C84.4026 5.73692 84.6709 6.00524 85.0019 6.00524H89.8085C90.1395 6.00524 90.4078 5.73692 90.4078 5.40592V0.599326C90.4078 0.268327 90.1395 0 89.8085 0Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M82.0051 22.205V17.3984C82.0051 17.0674 81.7368 16.7991 81.4058 16.7991H76.5992C76.2682 16.7991 75.9999 17.0674 75.9999 17.3984V22.205C75.9999 22.536 76.2682 22.8043 76.5992 22.8043H81.4058C81.7368 22.8043 82.0051 22.536 82.0051 22.205Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M124.006 39.0041V34.1975C124.006 33.8665 123.738 33.5982 123.407 33.5982H118.6C118.269 33.5982 118.001 33.8665 118.001 34.1975V39.0041C118.001 39.3351 118.269 39.6034 118.6 39.6034H123.407C123.738 39.6034 124.006 39.3351 124.006 39.0041Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M124 5.40592V0.599327C124 0.268328 123.732 9.53674e-07 123.401 9.53674e-07L118.594 9.53674e-07C118.263 9.53674e-07 117.995 0.268328 117.995 0.599327V5.40592C117.995 5.73692 118.263 6.00524 118.594 6.00524H123.401C123.732 6.00524 124 5.73692 124 5.40592Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M81.3939 14.3838H76.5993C76.4404 14.3838 76.2879 14.3207 76.1755 14.2083C76.0631 14.0959 76 13.9434 76 13.7845V8.98989C76 8.83094 76.0631 8.6785 76.1755 8.5661C76.2879 8.4537 76.4404 8.39056 76.5993 8.39056H81.3939C81.5529 8.39056 81.7053 8.4537 81.8177 8.5661C81.9301 8.6785 81.9933 8.83094 81.9933 8.98989V13.7845C81.9933 13.9434 81.9301 14.0959 81.8177 14.2083C81.7053 14.3207 81.5529 14.3838 81.3939 14.3838ZM90.3838 13.7845V8.98989C90.3838 8.83094 90.3207 8.6785 90.2083 8.5661C90.0959 8.4537 89.9434 8.39056 89.7845 8.39056H84.9899C84.8309 8.39056 84.6785 8.4537 84.5661 8.5661C84.4537 8.6785 84.3906 8.83094 84.3906 8.98989V13.7845C84.3906 13.9434 84.4537 14.0959 84.5661 14.2083C84.6785 14.3207 84.8309 14.3838 84.9899 14.3838H89.7845C89.9434 14.3838 90.0959 14.3207 90.2083 14.2083C90.3207 14.0959 90.3838 13.9434 90.3838 13.7845ZM98.7744 13.7845V8.98989C98.7744 8.83094 98.7112 8.6785 98.5988 8.5661C98.4864 8.4537 98.334 8.39056 98.1751 8.39056H93.3804C93.2215 8.39056 93.0691 8.4537 92.9567 8.5661C92.8443 8.6785 92.7811 8.83094 92.7811 8.98989V13.7845C92.7811 13.9434 92.8443 14.0959 92.9567 14.2083C93.0691 14.3207 93.2215 14.3838 93.3804 14.3838H98.1751C98.2562 14.3879 98.3374 14.3754 98.4136 14.3471C98.4898 14.3188 98.5595 14.2753 98.6183 14.2192C98.6772 14.1632 98.7241 14.0957 98.756 14.021C98.788 13.9462 98.8044 13.8658 98.8043 13.7845H98.7744ZM115.556 13.7845V8.98989C115.556 8.83094 115.492 8.6785 115.38 8.5661C115.268 8.4537 115.115 8.39056 114.956 8.39056H110.162C110.003 8.39056 109.85 8.4537 109.738 8.5661C109.625 8.6785 109.562 8.83094 109.562 8.98989V13.7845C109.562 13.9434 109.625 14.0959 109.738 14.2083C109.85 14.3207 110.003 14.3838 110.162 14.3838H114.956C115.039 14.3905 115.122 14.3799 115.2 14.3527C115.279 14.3256 115.35 14.2825 115.411 14.2262C115.472 14.1698 115.521 14.1015 115.554 14.0255C115.587 13.9495 115.604 13.8674 115.603 13.7845H115.556ZM106.566 14.3838H101.771C101.612 14.3838 101.46 14.3207 101.347 14.2083C101.235 14.0959 101.172 13.9434 101.172 13.7845V8.98989C101.172 8.83094 101.235 8.6785 101.347 8.5661C101.46 8.4537 101.612 8.39056 101.771 8.39056H106.566C106.725 8.39056 106.877 8.4537 106.989 8.5661C107.102 8.6785 107.165 8.83094 107.165 8.98989V13.7845C107.165 13.9374 107.107 14.0846 107.002 14.1961C106.898 14.3075 106.754 14.3746 106.602 14.3838H106.566Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M89.8085 16.7991H85.0019C84.6709 16.7991 84.4026 17.0674 84.4026 17.3984V22.205C84.4026 22.536 84.6709 22.8043 85.0019 22.8043H89.8085C90.1395 22.8043 90.4078 22.536 90.4078 22.205V17.3984C90.4078 17.0674 90.1395 16.7991 89.8085 16.7991Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M98.205 33.5982H93.3984C93.0674 33.5982 92.7991 33.8665 92.7991 34.1975V39.0041C92.7991 39.3351 93.0674 39.6035 93.3984 39.6035H98.205C98.536 39.6035 98.8043 39.3351 98.8043 39.0041V34.1975C98.8043 33.8665 98.536 33.5982 98.205 33.5982Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M98.205 31.2009H93.3804C93.2215 31.2009 93.0691 31.1378 92.9567 31.0254C92.8443 30.913 92.7811 30.7605 92.7811 30.6016V25.807C92.7811 25.648 92.8443 25.4956 92.9567 25.3832C93.0691 25.2708 93.2215 25.2076 93.3804 25.2076H98.1751C98.334 25.2076 98.4864 25.2708 98.5988 25.3832C98.7112 25.4956 98.7744 25.648 98.7744 25.807V30.6016C98.7746 30.7555 98.7156 30.9035 98.6096 31.0151C98.5036 31.1267 98.3587 31.1932 98.205 31.2009ZM89.8145 31.2009H84.9899C84.8309 31.2009 84.6785 31.1378 84.5661 31.0254C84.4537 30.913 84.3906 30.7605 84.3906 30.6016V25.807C84.3906 25.648 84.4537 25.4956 84.5661 25.3832C84.6785 25.2708 84.8309 25.2076 84.9899 25.2076H89.7845C89.9434 25.2076 90.0959 25.2708 90.2083 25.3832C90.3207 25.4956 90.3838 25.648 90.3838 25.807V30.6016C90.3838 30.7605 90.3207 30.913 90.2083 31.0254C90.0959 31.1378 89.9434 31.2009 89.7845 31.2009H89.8145ZM82.0232 38.9921V34.1975C82.0232 34.0386 81.9601 33.8861 81.8477 33.7737C81.7353 33.6613 81.5828 33.5982 81.4239 33.5982H76.5993C76.4404 33.5982 76.2879 33.6613 76.1755 33.7737C76.0631 33.8861 76 34.0386 76 34.1975V38.9921C76 39.1511 76.0631 39.3035 76.1755 39.4159C76.2879 39.5283 76.4404 39.5915 76.5993 39.5915H81.3939C81.5508 39.5915 81.7015 39.53 81.8135 39.4202C81.9256 39.3104 81.9901 39.161 81.9933 39.0041L82.0232 38.9921ZM107.195 38.9921V34.1975C107.195 34.0386 107.132 33.8861 107.019 33.7737C106.907 33.6613 106.755 33.5982 106.596 33.5982H101.801C101.642 33.5982 101.49 33.6613 101.377 33.7737C101.265 33.8861 101.202 34.0386 101.202 34.1975V38.9921C101.202 39.1511 101.265 39.3035 101.377 39.4159C101.49 39.5283 101.642 39.5915 101.801 39.5915H106.596C106.754 39.5931 106.906 39.5323 107.019 39.4223C107.132 39.3123 107.198 39.162 107.201 39.0041L107.195 38.9921ZM115.585 38.9921V34.1975C115.585 34.0386 115.522 33.8861 115.41 33.7737C115.298 33.6613 115.145 33.5982 114.986 33.5982H110.192C110.033 33.5982 109.88 33.6613 109.768 33.7737C109.655 33.8861 109.592 34.0386 109.592 34.1975V38.9921C109.592 39.1511 109.655 39.3035 109.768 39.4159C109.88 39.5283 110.033 39.5915 110.192 39.5915H114.986C115.065 39.5939 115.144 39.5805 115.218 39.5522C115.292 39.5239 115.36 39.4812 115.417 39.4266C115.475 39.372 115.521 39.3065 115.553 39.234C115.585 39.1615 115.602 39.0834 115.603 39.0041L115.585 38.9921Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M81.4059 42.0008H76.5993C76.2683 42.0008 76 42.2691 76 42.6001V47.4067C76 47.7377 76.2683 48.006 76.5993 48.006H81.4059C81.7369 48.006 82.0052 47.7377 82.0052 47.4067V42.6001C82.0052 42.2691 81.7369 42.0008 81.4059 42.0008Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M115.004 42.0008H110.197C109.866 42.0008 109.598 42.2691 109.598 42.6001V47.4067C109.598 47.7377 109.866 48.006 110.197 48.006H115.004C115.335 48.006 115.603 47.7377 115.603 47.4067V42.6001C115.603 42.2691 115.335 42.0008 115.004 42.0008Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M123.407 42.0008H118.6C118.269 42.0008 118.001 42.2691 118.001 42.6001V47.4067C118.001 47.7377 118.269 48.006 118.6 48.006H123.407C123.738 48.006 124.006 47.7377 124.006 47.4067V42.6001C124.006 42.2691 123.738 42.0008 123.407 42.0008Z" fill="#CCCCDC" fill-opacity="0.12"/>
</g>
<defs>
<clipPath id="clip0_1764_105348">
<rect width="48" height="48" fill="white"/>
</clipPath>
<clipPath id="clip1_1764_105348">
<rect width="48" height="48" fill="white" transform="translate(76)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

64
public/img/transformations/disabled/merge.svg Normal file
View File

@ -0,0 +1,64 @@
<svg width="177" height="48" viewBox="0 0 177 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1764_105554)">
<path d="M0 1.04083V13H15V0H0.626828C0.460583 0 0.301147 0.109659 0.183594 0.304853C0.0660407 0.500047 0 0.764787 0 1.04083Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M15 17.5H0V30.5H15V17.5Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M15 35H0V48H15V35Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M8.5 21H7.07158L5.5 21.9199V23.1738L6.92531 22.3535H6.96266V27H8.5V21Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M5.33733 44.5H9.75V43.3468H7.33409V43.3092L8.04722 42.6561C9.33959 41.5376 9.67723 40.9682 9.67723 40.289C9.67723 39.2225 8.8011 38.5 7.44761 38.5C6.12905 38.5 5.2471 39.2543 5.25001 40.4595H6.61514C6.61514 39.9249 6.94696 39.6156 7.44179 39.6156C7.92788 39.6156 8.28008 39.9133 8.28008 40.4017C8.28008 40.8439 8.00065 41.1445 7.51165 41.5809L5.33733 43.4711V44.5Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M6.77442 9.5C7.52635 9.5 8.04638 9.23767 8.34153 8.74147H8.3837V9.41783H10V6.1182C10 5.09102 8.98454 4.5 7.61068 4.5C6.15952 4.5 5.33732 5.1574 5.20028 6.04235L6.78496 6.09292C6.85875 5.78319 7.14336 5.59355 7.59663 5.59355C8.01827 5.59355 8.28531 5.77686 8.28531 6.1024V6.1182C8.28531 6.4153 7.92692 6.47851 7.00633 6.5512C5.91356 6.63338 5 6.99684 5 8.07143C5 9.03224 5.74139 9.5 6.77442 9.5ZM7.30499 8.48862C6.90794 8.48862 6.62684 8.31795 6.62684 7.99558C6.62684 7.68268 6.90091 7.49305 7.38932 7.42668C7.70907 7.38559 8.1026 7.32238 8.29585 7.23072V7.69216C8.29585 8.16624 7.85313 8.48862 7.30499 8.48862Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<g clip-path="url(#clip1_1764_105554)">
<path d="M19 13H34V1.04083C34 0.764787 33.934 0.500047 33.8164 0.304853C33.6989 0.109659 33.5394 0 33.3732 0L19 0V13Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M34 17.5H19V30.5H34V17.5Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M34 35H19V48H34V35Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M24 9.68623H25.5663V8.96449H25.6149C25.8155 9.37609 26.2621 9.75 27.0129 9.75C28.1133 9.75 29 8.97898 29 7.46304C29 5.89203 28.0615 5.17609 27.0227 5.17609C26.2362 5.17609 25.8058 5.58768 25.6149 5.99638H25.5825V3.75H24V9.68623ZM25.5502 7.46015C25.5502 6.73261 25.8867 6.28333 26.466 6.28333C27.0518 6.28333 27.3754 6.7442 27.3754 7.46015C27.3754 8.17899 27.0518 8.64565 26.466 8.64565C25.8867 8.64565 25.5502 8.18188 25.5502 7.46015Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<path d="M46.3343 30H49.674V25.674H54V22.3343H49.674V18H46.3343V22.3343H42V25.674H46.3343V30Z" fill="#CCCCDC" fill-opacity="0.4"/>
<g clip-path="url(#clip2_1764_105554)">
<path d="M77 26.25H62V39.25H77V26.25Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M62 9.79083V21.75H77V8.75H62.6268C62.4606 8.75 62.3011 8.85966 62.1836 9.05485C62.066 9.25005 62 9.51479 62 9.79083Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M69.4792 35.75C70.8085 35.75 71.7528 35.0257 71.75 34.0105C71.7528 33.2918 71.2958 32.7785 70.4208 32.673V32.6274C71.0771 32.5304 71.5423 32.077 71.5395 31.4211C71.5423 30.4686 70.706 29.75 69.4903 29.75C68.2663 29.75 67.3746 30.48 67.3635 31.5181H68.6734C68.6845 31.1188 69.0334 30.8508 69.4903 30.8508C69.9251 30.8508 70.2214 31.1217 70.2186 31.5124C70.2214 31.9173 69.8725 32.1968 69.3685 32.1968H68.8174V33.2006H69.3685C69.9417 33.2006 70.3155 33.4914 70.31 33.9021C70.3155 34.3156 69.9721 34.6036 69.4848 34.6036C69.0001 34.6036 68.6429 34.3384 68.6291 33.9534H67.25C67.2611 35.0086 68.1832 35.75 69.4792 35.75Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M67 18.4362H68.5663V17.7145H68.6149C68.8155 18.1261 69.2621 18.5 70.0129 18.5C71.1133 18.5 72 17.729 72 16.213C72 14.642 71.0615 13.9261 70.0227 13.9261C69.2362 13.9261 68.8058 14.3377 68.6149 14.7464H68.5825V12.5H67V18.4362ZM68.5502 16.2101C68.5502 15.4826 68.8867 15.0333 69.466 15.0333C70.0518 15.0333 70.3754 15.4942 70.3754 16.2101C70.3754 16.929 70.0518 17.3957 69.466 17.3957C68.8867 17.3957 68.5502 16.9319 68.5502 16.2101Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<g clip-path="url(#clip3_1764_105554)">
<path d="M96 26.25H81V39.25H96V26.25Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M81 21.75H96V9.79083C96 9.51479 95.934 9.25005 95.8164 9.05485C95.6989 8.85966 95.5394 8.75 95.3732 8.75H81V21.75Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M88.6058 18.5C90.0564 18.5 90.9563 17.7082 91 16.5095H89.4654C89.405 17.0237 89.0759 17.3044 88.6259 17.3044C88.0484 17.3044 87.6723 16.847 87.6723 15.9858C87.6723 15.1309 88.0517 14.6735 88.6259 14.6735C89.096 14.6735 89.4016 14.9732 89.4654 15.4685H91C90.9631 14.276 90.0363 13.5 88.6024 13.5C86.9805 13.5 86 14.5158 86 16.0016C86 17.4811 86.9738 18.5 88.6058 18.5Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<path d="M109.907 30C110.601 30 115.933 26 115.933 24C115.933 22 110.736 18 109.907 18C109.078 18 108.402 18.5 108.402 19.4756C108.402 20.4512 111.907 22.9206 111.907 22.9206C111.907 22.9206 104.254 22.25 104 22.9206C103.746 23.5911 103.746 24.4089 104 25.0794C104.254 25.75 111.907 25.0794 111.907 25.0794C111.907 25.0794 108.402 27.75 108.402 28.5301C108.402 29.3103 109.212 30 109.907 30Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M124 0.720576V9H139V0H124.627C124.461 0 124.301 0.0759177 124.184 0.211052C124.066 0.346186 124 0.529468 124 0.720576Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M139 13H124V22H139V13Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M139 26H124V35H139V26Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M139 39H124V48H139V39Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M124.5 47.5V39.5H138.5V47.5H124.5Z" stroke="#CCCCDC" stroke-opacity="0.25"/>
<path d="M132.5 15H131.31L130 15.7666V16.8115L131.188 16.1279H131.219V20H132.5V15Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M130.072 33H133.724V32.039H131.724V32.0077L132.315 31.4634C133.384 30.5313 133.663 30.0568 133.663 29.4908C133.663 28.6021 132.938 28 131.818 28C130.727 28 129.998 28.6286 130 29.6329H131.13C131.13 29.1874 131.404 28.9297 131.814 28.9297C132.216 28.9297 132.507 29.1777 132.507 29.5848C132.507 29.9533 132.276 30.2038 131.871 30.5674L130.072 32.1426V33Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M129 7.68623H130.566V6.96449H130.615C130.816 7.37609 131.262 7.75 132.013 7.75C133.113 7.75 134 6.97898 134 5.46304C134 3.89203 133.061 3.17609 132.023 3.17609C131.236 3.17609 130.806 3.58768 130.615 3.99638H130.583V1.75H129V7.68623ZM130.55 5.46015C130.55 4.73261 130.887 4.28333 131.466 4.28333C132.052 4.28333 132.375 4.7442 132.375 5.46015C132.375 6.17899 132.052 6.64565 131.466 6.64565C130.887 6.64565 130.55 6.18188 130.55 5.46015Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M143 0.720576V9H158V0H143.627C143.461 0 143.301 0.0759177 143.184 0.211052C143.066 0.346186 143 0.529468 143 0.720576Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M158 13H143V22H158V13Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M158 26H143V35H158V26Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M158 39H143V48H158V39Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M150.913 46C152.054 46 152.864 45.3964 152.862 44.5504C152.864 43.9515 152.472 43.5238 151.721 43.4358V43.3978C152.284 43.317 152.683 42.9392 152.681 42.3926C152.683 41.5989 151.966 41 150.923 41C149.872 41 149.107 41.6084 149.097 42.4734H150.221C150.231 42.1407 150.53 41.9173 150.923 41.9173C151.296 41.9173 151.55 42.1431 151.548 42.4686C151.55 42.8061 151.25 43.039 150.818 43.039H150.345V43.8755H150.818C151.31 43.8755 151.631 44.1179 151.626 44.4601C151.631 44.8047 151.336 45.0447 150.918 45.0447C150.502 45.0447 150.195 44.8237 150.183 44.5029H149C149.01 45.3821 149.801 46 150.913 46Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M149.774 7.5C150.526 7.5 151.046 7.23767 151.342 6.74147H151.384V7.41783H153V4.1182C153 3.09102 151.985 2.5 150.611 2.5C149.16 2.5 148.337 3.1574 148.2 4.04235L149.785 4.09292C149.859 3.78319 150.143 3.59355 150.597 3.59355C151.018 3.59355 151.285 3.77686 151.285 4.1024V4.1182C151.285 4.4153 150.927 4.47851 150.006 4.5512C148.914 4.63338 148 4.99684 148 6.07143C148 7.03224 148.741 7.5 149.774 7.5ZM150.305 6.48862C149.908 6.48862 149.627 6.31795 149.627 5.99558C149.627 5.68268 149.901 5.49305 150.389 5.42668C150.709 5.38559 151.103 5.32238 151.296 5.23072V5.69216C151.296 6.16624 150.853 6.48862 150.305 6.48862Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M162 9H177V0.720577C177 0.529468 176.934 0.346186 176.816 0.211052C176.699 0.0759177 176.539 0 176.373 0L162 0V9Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M177 39H162V48H177V39Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M177 26H162V35H177V26Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M162.5 34.5V26.5H176.5V34.5H162.5Z" stroke="#CCCCDC" stroke-opacity="0.25"/>
<path d="M177 13H162V22H177V13Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M162.5 21.5V13.5H176.5V21.5H162.5Z" stroke="#CCCCDC" stroke-opacity="0.25"/>
<path d="M169.606 7.5C171.056 7.5 171.956 6.7082 172 5.50946H170.465C170.405 6.02366 170.076 6.30442 169.626 6.30442C169.048 6.30442 168.672 5.847 168.672 4.9858C168.672 4.13092 169.052 3.6735 169.626 3.6735C170.096 3.6735 170.402 3.97319 170.465 4.46845H172C171.963 3.27602 171.036 2.5 169.602 2.5C167.981 2.5 167 3.51577 167 5.00158C167 6.48107 167.974 7.5 169.606 7.5Z" fill="#CCCCDC" fill-opacity="0.4"/>
<defs>
<clipPath id="clip0_1764_105554">
<rect width="15" height="48" fill="white"/>
</clipPath>
<clipPath id="clip1_1764_105554">
<rect width="15" height="48" fill="white" transform="translate(19)"/>
</clipPath>
<clipPath id="clip2_1764_105554">
<rect width="15" height="30.5" fill="white" transform="translate(62 8.75)"/>
</clipPath>
<clipPath id="clip3_1764_105554">
<rect width="15" height="30.5" fill="white" transform="translate(81 8.75)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.5 KiB

53
public/img/transformations/disabled/organize.svg Normal file
View File

@ -0,0 +1,53 @@
<svg width="154" height="48" viewBox="0 0 154 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 2.57189C15.0002 2.53241 14.9927 2.49327 14.9777 2.45672C14.9628 2.42018 14.9408 2.38693 14.913 2.3589L13.641 1.087C13.613 1.0592 13.5797 1.0372 13.5432 1.02227C13.5066 1.00734 13.4675 0.999777 13.428 1.00001C13.3885 0.999777 13.3494 1.00734 13.3128 1.02227C13.2763 1.0372 13.243 1.0592 13.215 1.087L12.366 1.93594L9.087 5.21469C9.0592 5.24272 9.0372 5.27596 9.02227 5.31251C9.00734 5.34906 8.99978 5.3882 9.00001 5.42767V6.69958C9.00001 6.77914 9.03161 6.85544 9.08787 6.9117C9.14413 6.96795 9.22044 6.99956 9.3 6.99956H10.572C10.614 7.00184 10.656 6.99528 10.6952 6.98029C10.7345 6.9653 10.7702 6.94223 10.8 6.91256L14.061 3.63381L14.913 2.79987C14.9404 2.7708 14.9627 2.73733 14.979 2.70088C14.9819 2.67697 14.9819 2.65279 14.979 2.62888C14.9804 2.61492 14.9804 2.60085 14.979 2.58689L15 2.57189ZM10.449 6.3996H9.6V5.55067L12.579 2.57189L13.428 3.42082L10.449 6.3996ZM13.851 2.99786L13.002 2.14892L13.428 1.72595L14.274 2.57189L13.851 2.99786Z" fill="#CCCCDC" fill-opacity="0.4"/>
<g clip-path="url(#clip0_1764_105742)">
<path d="M0 11.3611V27H24V10H1.00293C0.736933 10 0.481835 10.1434 0.29375 10.3987C0.105665 10.6539 0 11.0001 0 11.3611Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M24 31H0V48H24V31Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M10.7744 21.5C11.5264 21.5 12.0464 21.2377 12.3415 20.7415H12.3837V21.4178H14V18.1182C14 17.091 12.9845 16.5 11.6107 16.5C10.1595 16.5 9.33732 17.1574 9.20028 18.0424L10.785 18.0929C10.8587 17.7832 11.1434 17.5936 11.5966 17.5936C12.0183 17.5936 12.2853 17.7769 12.2853 18.1024V18.1182C12.2853 18.4153 11.9269 18.4785 11.0063 18.5512C9.91356 18.6334 9 18.9968 9 20.0714C9 21.0322 9.74139 21.5 10.7744 21.5ZM11.305 20.4886C10.9079 20.4886 10.6268 20.318 10.6268 19.9956C10.6268 19.6827 10.9009 19.493 11.3893 19.4267C11.7091 19.3856 12.1026 19.3224 12.2959 19.2307V19.6922C12.2959 20.1662 11.8531 20.4886 11.305 20.4886Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M13 36.5H11.5716L10 37.4199V38.6738L11.4253 37.8535H11.4627V42.5H13V36.5Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<path d="M35.7975 2.10148C35.7642 2.06962 35.7249 2.04465 35.682 2.02799C35.5968 1.993 35.5012 1.993 35.416 2.02799C35.3731 2.04465 35.3339 2.06962 35.3006 2.10148L34.6007 2.80134C34.5348 2.86723 34.4978 2.9566 34.4978 3.04979C34.4978 3.14297 34.5348 3.23234 34.6007 3.29823C34.6666 3.36413 34.756 3.40115 34.8492 3.40115C34.9423 3.40115 35.0317 3.36413 35.0976 3.29823L35.1991 3.19326V5.84921C35.1991 5.94202 35.236 6.03103 35.3016 6.09665C35.3672 6.16227 35.4562 6.19914 35.549 6.19914C35.6418 6.19914 35.7308 6.16227 35.7965 6.09665C35.8621 6.03103 35.8989 5.94202 35.8989 5.84921V3.19326L36.0004 3.29823C36.033 3.33103 36.0717 3.35707 36.1143 3.37483C36.1569 3.3926 36.2027 3.40174 36.2489 3.40174C36.2951 3.40174 36.3408 3.3926 36.3835 3.37483C36.4261 3.35707 36.4648 3.33103 36.4973 3.29823C36.5301 3.2657 36.5562 3.227 36.5739 3.18436C36.5917 3.14172 36.6008 3.09598 36.6008 3.04979C36.6008 3.00359 36.5917 2.95785 36.5739 2.91521C36.5562 2.87257 36.5301 2.83387 36.4973 2.80134L35.7975 2.10148ZM37.6486 2.69986H41.1479C41.2407 2.69986 41.3297 2.66299 41.3953 2.59737C41.4609 2.53174 41.4978 2.44274 41.4978 2.34993C41.4978 2.25712 41.4609 2.16812 41.3953 2.10249C41.3297 2.03687 41.2407 2 41.1479 2H37.6486C37.5558 2 37.4668 2.03687 37.4012 2.10249C37.3355 2.16812 37.2987 2.25712 37.2987 2.34993C37.2987 2.44274 37.3355 2.53174 37.4012 2.59737C37.4668 2.66299 37.5558 2.69986 37.6486 2.69986ZM41.1479 5.49928H37.6486C37.5558 5.49928 37.4668 5.53615 37.4012 5.60178C37.3355 5.6674 37.2987 5.75641 37.2987 5.84921C37.2987 5.94202 37.3355 6.03103 37.4012 6.09665C37.4668 6.16227 37.5558 6.19914 37.6486 6.19914H41.1479C41.2407 6.19914 41.3297 6.16227 41.3953 6.09665C41.4609 6.03103 41.4978 5.94202 41.4978 5.84921C41.4978 5.75641 41.4609 5.6674 41.3953 5.60178C41.3297 5.53615 41.2407 5.49928 41.1479 5.49928ZM41.1479 3.74964H37.6486C37.5558 3.74964 37.4668 3.78651 37.4012 3.85213C37.3355 3.91776 37.2987 4.00676 37.2987 4.09957C37.2987 4.19238 37.3355 4.28138 37.4012 4.34701C37.4668 4.41263 37.5558 4.4495 37.6486 4.4495H41.1479C41.2407 4.4495 41.3297 4.41263 41.3953 4.34701C41.4609 4.28138 41.4978 4.19238 41.4978 4.09957C41.4978 4.00676 41.4609 3.91776 41.3953 3.85213C41.3297 3.78651 41.2407 3.74964 41.1479 3.74964Z" fill="#CCCCDC" fill-opacity="0.4"/>
<g clip-path="url(#clip1_1764_105742)">
<path d="M26 27H50V11.3611V10H48.9971H26V27Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M50 31H26V48H50V31Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M35.5 21.4362H37.0663V20.7145H37.1149C37.3155 21.1261 37.7621 21.5 38.5129 21.5C39.6133 21.5 40.5 20.729 40.5 19.213C40.5 17.642 39.5615 16.9261 38.5227 16.9261C37.7362 16.9261 37.3058 17.3377 37.1149 17.7464H37.0825V15.5H35.5V21.4362ZM37.0502 19.2101C37.0502 18.4826 37.3867 18.0333 37.966 18.0333C38.5518 18.0333 38.8754 18.4942 38.8754 19.2101C38.8754 19.929 38.5518 20.3957 37.966 20.3957C37.3867 20.3957 37.0502 19.9319 37.0502 19.2101Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M35.5873 42.5H40V41.3468H37.5841V41.3092L38.2972 40.6561C39.5896 39.5376 39.9272 38.9682 39.9272 38.289C39.9272 37.2225 39.0511 36.5 37.6976 36.5C36.379 36.5 35.4971 37.2543 35.5 38.4595H36.8651C36.8651 37.9249 37.197 37.6156 37.6918 37.6156C38.1779 37.6156 38.5301 37.9133 38.5301 38.4017C38.5301 38.8439 38.2506 39.1445 37.7616 39.5809L35.5873 41.4711V42.5Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<path d="M63.6797 2.22255C63.7849 2.20642 63.8911 2.19841 63.9975 2.19856C64.9511 2.19856 65.8476 2.88522 66.3694 3.99767C66.2896 4.16696 66.1995 4.33119 66.0995 4.48943C66.0678 4.53854 66.0511 4.59587 66.0515 4.65434C66.0522 4.71978 66.0743 4.78321 66.1143 4.83494C66.1544 4.88667 66.2103 4.92387 66.2735 4.94086C66.3367 4.95784 66.4037 4.95369 66.4644 4.92903C66.525 4.90437 66.5759 4.86055 66.6093 4.80427C66.749 4.58476 66.8703 4.35409 66.9721 4.11461C66.9882 4.0772 66.9965 4.0369 66.9965 3.99617C66.9965 3.95544 66.9882 3.91514 66.9721 3.87773C66.3664 2.47142 65.2269 1.59886 63.9975 1.59886C63.8568 1.59815 63.7163 1.61019 63.5778 1.63484C63.5384 1.64153 63.5007 1.65592 63.4669 1.67717C63.4331 1.69842 63.4038 1.72613 63.3807 1.75871C63.3575 1.79128 63.3411 1.82809 63.3322 1.86704C63.3233 1.90598 63.3222 1.94629 63.3289 1.98566C63.3356 2.02504 63.35 2.06271 63.3712 2.09653C63.3925 2.13035 63.4202 2.15965 63.4527 2.18276C63.4853 2.20587 63.5221 2.22234 63.5611 2.23122C63.6 2.24011 63.6403 2.24123 63.6797 2.23454V2.22255ZM61.5118 1.08611C61.4838 1.05815 61.4506 1.03597 61.4141 1.02084C61.3776 1.00571 61.3384 0.997925 61.2989 0.997925C61.2593 0.997925 61.2202 1.00571 61.1837 1.02084C61.1471 1.03597 61.1139 1.05815 61.086 1.08611C61.0295 1.14257 60.9978 1.21915 60.9978 1.299C60.9978 1.37885 61.0295 1.45543 61.086 1.5119L62.0155 2.43844C61.5914 2.8467 61.2539 3.33619 61.023 3.87773C61.0065 3.91556 60.998 3.95639 60.998 3.99767C60.998 4.03895 61.0065 4.07978 61.023 4.11761C61.6287 5.52391 62.7682 6.39648 63.9975 6.39648C64.5364 6.39276 65.0626 6.23231 65.5118 5.93471L66.4833 6.90923C66.5112 6.93733 66.5444 6.95964 66.5809 6.97486C66.6174 6.99009 66.6566 6.99792 66.6962 6.99792C66.7358 6.99792 66.775 6.99009 66.8115 6.97486C66.8481 6.95964 66.8812 6.93733 66.9091 6.90923C66.9372 6.88135 66.9595 6.84819 66.9747 6.81165C66.99 6.77511 66.9978 6.73592 66.9978 6.69633C66.9978 6.65675 66.99 6.61756 66.9747 6.58102C66.9595 6.54448 66.9372 6.51131 66.9091 6.48344L61.5118 1.08611ZM63.4188 3.84175L64.1535 4.57638C64.1028 4.59092 64.0503 4.59799 63.9975 4.59737C63.8385 4.59737 63.686 4.53419 63.5735 4.42172C63.461 4.30926 63.3978 4.15672 63.3978 3.99767C63.3972 3.94495 63.4043 3.89242 63.4188 3.84175ZM63.9975 5.79678C63.044 5.79678 62.1475 5.11012 61.6287 3.99767C61.8224 3.57 62.0974 3.18404 62.4383 2.86123L62.9691 3.39797C62.8444 3.62549 62.7969 3.88731 62.8336 4.14413C62.8703 4.40096 62.9894 4.63895 63.1728 4.8224C63.3563 5.00586 63.5943 5.12488 63.8511 5.16162C64.1079 5.19835 64.3697 5.15082 64.5972 5.02616L65.074 5.49693C64.7475 5.6891 64.3764 5.79247 63.9975 5.79678Z" fill="#CCCCDC" fill-opacity="0.4"/>
<g clip-path="url(#clip2_1764_105742)">
<path d="M52 27H76V11.3611C76 11.0001 75.8943 10.6539 75.7063 10.3987C75.5182 10.1434 75.2631 10 74.9971 10H52V27Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M76 31H52V48H76V31Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M64.1058 21.5C65.5564 21.5 66.4563 20.7082 66.5 19.5095H64.9654C64.905 20.0237 64.5759 20.3044 64.1259 20.3044C63.5484 20.3044 63.1723 19.847 63.1723 18.9858C63.1723 18.1309 63.5517 17.6735 64.1259 17.6735C64.596 17.6735 64.9016 17.9732 64.9654 18.4685H66.5C66.4631 17.276 65.5363 16.5 64.1024 16.5C62.4805 16.5 61.5 17.5158 61.5 19.0016C61.5 20.4811 62.4738 21.5 64.1058 21.5Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M63.9769 42.5C65.4538 42.5 66.5031 41.7757 66.5 40.7605C66.5031 40.0418 65.9954 39.5285 65.0231 39.423V39.3774C65.7523 39.2804 66.2692 38.827 66.2661 38.1711C66.2692 37.2186 65.34 36.5 63.9892 36.5C62.6292 36.5 61.6385 37.23 61.6262 38.2681H63.0815C63.0938 37.8688 63.4815 37.6008 63.9892 37.6008C64.4723 37.6008 64.8015 37.8717 64.7985 38.2624C64.8015 38.6673 64.4138 38.9468 63.8538 38.9468H63.2415V39.9506H63.8538C64.4908 39.9506 64.9061 40.2414 64.9 40.6521C64.9061 41.0656 64.5246 41.3536 63.9831 41.3536C63.4446 41.3536 63.0477 41.0884 63.0323 40.7034H61.5C61.5123 41.7586 62.5369 42.5 63.9769 42.5Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<path d="M89.9067 30C90.6011 30 95.9327 26 95.9327 24C95.9327 22 90.7357 18 89.9067 18C89.0777 18 88.4023 18.5 88.4023 19.4756C88.4023 20.4512 91.9067 22.9206 91.9067 22.9206C91.9067 22.9206 84.2539 22.25 84 22.9206C83.7461 23.5911 83.7461 24.4089 84 25.0794C84.2539 25.75 91.9067 25.0794 91.9067 25.0794C91.9067 25.0794 88.4023 27.75 88.4023 28.5301C88.4023 29.3103 89.2123 30 89.9067 30Z" fill="#CCCCDC" fill-opacity="0.4"/>
<g clip-path="url(#clip3_1764_105742)">
<path d="M130 27H154V11.3611C154 11.0001 153.894 10.6539 153.706 10.3987C153.518 10.1434 153.263 10 152.997 10H130V27Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M154 31H130V48H154V31Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M143 36.5H141.572L140 37.4199V38.6738L141.425 37.8535H141.463V42.5H143V36.5Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M140.987 21.5C141.738 21.5 142.184 21.1261 142.385 20.7145H142.434V21.4362H144V15.5H142.417V17.7464H142.385C142.197 17.3377 141.764 16.9261 140.981 16.9261C139.942 16.9261 139 17.642 139 19.213C139 20.729 139.89 21.5 140.987 21.5ZM141.537 20.3957C140.951 20.3957 140.625 19.929 140.625 19.2101C140.625 18.4942 140.948 18.0333 141.537 18.0333C142.117 18.0333 142.453 18.4826 142.453 19.2101C142.453 19.9319 142.113 20.3957 141.537 20.3957Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<g clip-path="url(#clip4_1764_105742)">
<path d="M128 31H104V48H128V31Z" fill="#CCCCDC" fill-opacity="0.12"/>
<path d="M104 11.3611V27H128V10H105.003C104.737 10 104.482 10.1434 104.294 10.3987C104.106 10.6539 104 11.0001 104 11.3611Z" fill="#CCCCDC" fill-opacity="0.04"/>
<path d="M113.5 21.4362H115.066V20.7145H115.115C115.316 21.1261 115.762 21.5 116.513 21.5C117.613 21.5 118.5 20.729 118.5 19.213C118.5 17.642 117.561 16.9261 116.523 16.9261C115.736 16.9261 115.306 17.3377 115.115 17.7464H115.083V15.5H113.5V21.4362ZM115.05 19.2101C115.05 18.4826 115.387 18.0333 115.966 18.0333C116.552 18.0333 116.875 18.4942 116.875 19.2101C116.875 19.929 116.552 20.3957 115.966 20.3957C115.387 20.3957 115.05 19.9319 115.05 19.2101Z" fill="#CCCCDC" fill-opacity="0.4"/>
<path d="M113.587 42.5H118V41.3468H115.584V41.3092L116.297 40.6561C117.59 39.5376 117.927 38.9682 117.927 38.289C117.927 37.2225 117.051 36.5 115.698 36.5C114.379 36.5 113.497 37.2543 113.5 38.4595H114.865C114.865 37.9249 115.197 37.6156 115.692 37.6156C116.178 37.6156 116.53 37.9133 116.53 38.4017C116.53 38.8439 116.251 39.1445 115.762 39.5809L113.587 41.4711V42.5Z" fill="#CCCCDC" fill-opacity="0.4"/>
</g>
<defs>
<clipPath id="clip0_1764_105742">
<rect width="24" height="38" fill="white" transform="translate(0 10)"/>
</clipPath>
<clipPath id="clip1_1764_105742">
<rect width="24" height="38" fill="white" transform="translate(26 10)"/>
</clipPath>
<clipPath id="clip2_1764_105742">
<rect width="24" height="38" fill="white" transform="translate(52 10)"/>
</clipPath>
<clipPath id="clip3_1764_105742">
<rect width="24" height="38" fill="white" transform="translate(130 10)"/>
</clipPath>
<clipPath id="clip4_1764_105742">
<rect width="24" height="38" fill="white" transform="translate(104 10)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB