Cisco Data Center Entities
ACI
- Preview
- Usage
- Definition

import { Aci } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Aci/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ACI } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, ACI)}
/>
{
_style: {
entity: 'points=[[0.5,0,0],[1,0.5,0],[0.5,1,0],[0,0.5,0],[0.305,0.305,0],[0.695,0.305,0],[0.7,0.7,0],[0.3,0.7,0]];verticalLabelPosition=bottom;sketch=0;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=aci;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Blade Server (color)
- Preview
- Usage
- Definition
import { BladeServerColor } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<BladeServerColor/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BLADE_SERVER_COLOR } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, BLADE_SERVER_COLOR)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=blade_server;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Blade Server (subdued)
- Preview
- Usage
- Definition
import { BladeServerSubdued } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<BladeServerSubdued/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BLADE_SERVER_SUBDUED } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, BLADE_SERVER_SUBDUED)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=blade_server;fillColor=#FAFAFA;strokeColor=#6696AB;',
},
_original_width: 50,
_original_height: 50,
}
Database Relational
- Preview
- Usage
- Definition
import { DatabaseRelational } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<DatabaseRelational/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_RELATIONAL } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, DATABASE_RELATIONAL)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=database_relational;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
DNS Server
- Preview
- Usage
- Definition
import { DnsServer } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<DnsServer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DNS_SERVER } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, DNS_SERVER)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.dns_server;fillColor=#005073;strokeColor=none;',
},
_width: 27.500000000000004,
_height: 50,
}
Fabric Interconnect
- Preview
- Usage
- Definition
import { FabricInterconnect } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<FabricInterconnect/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FABRIC_INTERCONNECT } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, FABRIC_INTERCONNECT)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=fabric_interconnect;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Fibre Channel Director MDS 9000
- Preview
- Usage
- Definition
import { FibreChannelDirectorMds9000 } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<FibreChannelDirectorMds9000/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FIBRE_CHANNEL_DIRECTOR_MDS_9000 } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, FIBRE_CHANNEL_DIRECTOR_MDS_9000)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=fibre_channel_director_mds_9000;fillColor=#FAFAFA;strokeColor=#005073;',
},
_width: 50,
_height: 73,
}
Fibre Channel Fabric Switch
- Preview
- Usage
- Definition
import { FibreChannelFabricSwitch } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<FibreChannelFabricSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FIBRE_CHANNEL_FABRIC_SWITCH } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, FIBRE_CHANNEL_FABRIC_SWITCH)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=fibre_channel_fabric_switch;fillColor=#FAFAFA;strokeColor=#005073;',
},
_width: 50,
_height: 73,
}
Hypervisor
- Preview
- Usage
- Definition
import { Hypervisor } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Hypervisor/>
// or
import { extendStyle } from "@dinghy/base-components";
import { HYPERVISOR } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, HYPERVISOR)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=hypervisor;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 65,
}
Layer 3 Nexus 5k Switch
- Preview
- Usage
- Definition
import { Layer3Nexus5kSwitch } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Layer3Nexus5kSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LAYER_3_NEXUS_5K_SWITCH } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, LAYER_3_NEXUS_5K_SWITCH)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=layer3_nexus_5k_switch;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Nexus 1010
- Preview
- Usage
- Definition
import { Nexus1010 } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Nexus1010/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NEXUS_1010 } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, NEXUS_1010)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=nexus_1010;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 64,
_original_height: 50,
}
Nexus 1k
- Preview
- Usage
- Definition
import { Nexus1k } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Nexus1k/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NEXUS_1K } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, NEXUS_1K)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=nexus_1k;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 64,
_original_height: 50,
}
Nexus 1KV VSM
- Preview
- Usage
- Definition
import { Nexus1kvVsm } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Nexus1kvVsm/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NEXUS_1KV_VSM } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, NEXUS_1KV_VSM)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=nexus_1kv_vsm;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 64,
_original_height: 50,
}
Nexus 2000 10GE
- Preview
- Usage
- Definition
import { Nexus200010ge } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Nexus200010ge/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NEXUS_2000_10GE } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, NEXUS_2000_10GE)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=nexus_2000_10ge;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Nexus 2k
- Preview
- Usage
- Definition
import { Nexus2k } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Nexus2k/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NEXUS_2K } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, NEXUS_2K)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=nexus_2k;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Nexus 3k
- Preview
- Usage
- Definition
import { Nexus3k } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Nexus3k/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NEXUS_3K } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, NEXUS_3K)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=nexus_3k;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Nexus 4k
- Preview
- Usage
- Definition
import { Nexus4k } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Nexus4k/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NEXUS_4K } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, NEXUS_4K)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=nexus_4k;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Nexus 5k
- Preview
- Usage
- Definition
import { Nexus5k } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Nexus5k/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NEXUS_5K } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, NEXUS_5K)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=nexus_5k;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Nexus 5K with Integrated VSM
- Preview
- Usage
- Definition
import { Nexus5kWithIntegratedVsm } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Nexus5kWithIntegratedVsm/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NEXUS_5K_WITH_INTEGRATED_VSM } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, NEXUS_5K_WITH_INTEGRATED_VSM)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=nexus_5k_with_integrated_vsm;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Nexus 7k
- Preview
- Usage
- Definition
import { Nexus7k } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Nexus7k/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NEXUS_7K } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, NEXUS_7K)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=nexus_7k;fillColor=#FAFAFA;strokeColor=#005073;',
},
_width: 50,
_height: 73,
}
Nexus 9300
- Preview
- Usage
- Definition
import { Nexus9300 } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Nexus9300/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NEXUS_9300 } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, NEXUS_9300)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=nexus_9300;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Nexus 9500
- Preview
- Usage
- Definition
import { Nexus9500 } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Nexus9500/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NEXUS_9500 } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, NEXUS_9500)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=nexus_9500;fillColor=#FAFAFA;strokeColor=#005073;',
},
_width: 50,
_height: 73,
}
RPS
- Preview
- Usage
- Definition
import { Rps } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Rps/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RPS } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, RPS)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=rps;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Secure Server
- Preview
- Usage
- Definition
import { SecureServer } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<SecureServer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SECURE_SERVER } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, SECURE_SERVER)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.secure_server;fillColor=#005073;strokeColor=none;',
},
_width: 27.500000000000004,
_height: 50,
}
Server
- Preview
- Usage
- Definition
import { Server } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Server/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SERVER } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, SERVER)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.server;fillColor=#005073;strokeColor=none;',
},
_width: 27.500000000000004,
_height: 50,
}
Storage
- Preview
- Usage
- Definition
import { Storage } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Storage/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STORAGE } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, STORAGE)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=storage;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 64,
_original_height: 50,
}
UCS 5108 Blade Chassis
- Preview
- Usage
- Definition
import { Ucs5108BladeChassis } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Ucs5108BladeChassis/>
// or
import { extendStyle } from "@dinghy/base-components";
import { UCS_5108_BLADE_CHASSIS } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, UCS_5108_BLADE_CHASSIS)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=ucs_5108_blade_chassis;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 64,
_original_height: 50,
}
UCS C-Series Server
- Preview
- Usage
- Definition
import { UcsCSeriesServer } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<UcsCSeriesServer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { UCS_C_SERIES_SERVER } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, UCS_C_SERIES_SERVER)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=ucs_c_series_server;fillColor=#FAFAFA;strokeColor=#005073;',
},
_width: 60,
_height: 25,
}
UPS
- Preview
- Usage
- Definition
import { Ups } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Ups/>
// or
import { extendStyle } from "@dinghy/base-components";
import { UPS } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, UPS)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=ups;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
Virtual Matrix Switch
- Preview
- Usage
- Definition
import { VirtualMatrixSwitch } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<VirtualMatrixSwitch/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VIRTUAL_MATRIX_SWITCH } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, VIRTUAL_MATRIX_SWITCH)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.015,0.015,0],[0.985,0.015,0],[0.985,0.985,0],[0.015,0.985,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0.25,0],[1,0.5,0],[1,0.75,0],[0.75,1,0],[0.5,1,0],[0.25,1,0],[0,0.75,0],[0,0.5,0],[0,0.25,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.rect;prIcon=virtual_matrix_switch;fillColor=#FAFAFA;strokeColor=#005073;',
},
_original_width: 50,
_original_height: 50,
}
VTS
- Preview
- Usage
- Definition

import { Vts } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Vts/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VTS } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, VTS)}
/>
{
_style: {
entity: 'sketch=0;points=[[0.5,0,0],[1,0.5,0],[0.5,1,0],[0,0.5,0],[0.145,0.145,0],[0.8555,0.145,0],[0.855,0.8555,0],[0.145,0.855,0]];verticalLabelPosition=bottom;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.vts;fillColor=#005073;strokeColor=none;',
},
_original_width: 50,
_original_height: 50,
}
x.509 Certificate
- Preview
- Usage
- Definition
import { X509Certificate } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<X509Certificate/>
// or
import { extendStyle } from "@dinghy/base-components";
import { X_509_CERTIFICATE } from '@dinghy/diagrams/entitiesCisco19DataCenter'
<Shape
{...props}
_style={extendStyle(props, X_509_CERTIFICATE)}
/>
{
_style: {
entity: 'points=[[0.015,0.015,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[0.985,0.015,0],[1,0.22,0],[1,0.44,0],[1,0.67,0],[0.985,0.89,0],[0,0.22,0],[0,0.44,0],[0,0.67,0],[0.015,0.89,0],[0.25,0.91,0],[0.5,0.91,0],[0.785,0.955,0]];verticalLabelPosition=bottom;sketch=0;html=1;verticalAlign=top;aspect=fixed;align=center;pointerEvents=1;shape=mxgraph.cisco19.x509_certificate;fillColor=#005073;strokeColor=none;',
},
_original_width: 50,
_original_height: 47.5,
}