Ibm Infrastructure Entities

Channels

Preview
Usage
Definition

import { Channels } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Channels/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CHANNELS } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, CHANNELS)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/channels.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Cloud Messaging

Preview
Usage
Definition

import { CloudMessaging } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<CloudMessaging/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_MESSAGING } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, CLOUD_MESSAGING)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/cloud_messaging.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Dashboard

Preview
Usage
Definition

import { Dashboard } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Dashboard/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DASHBOARD } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, DASHBOARD)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/dashboard.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Diagnostics

Preview
Usage
Definition

import { Diagnostics } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Diagnostics/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DIAGNOSTICS } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, DIAGNOSTICS)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/diagnostics.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Edge Services

Preview
Usage
Definition

import { EdgeServices } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<EdgeServices/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EDGE_SERVICES } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, EDGE_SERVICES)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/edge_services.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Enterprise Messaging

Preview
Usage
Definition

import { EnterpriseMessaging } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<EnterpriseMessaging/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ENTERPRISE_MESSAGING } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, ENTERPRISE_MESSAGING)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/enterprise_messaging.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Event Feed

Preview
Usage
Definition

import { EventFeed } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<EventFeed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EVENT_FEED } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, EVENT_FEED)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/event_feed.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Infrastructure Services

Preview
Usage
Definition

import { InfrastructureServices } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<InfrastructureServices/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INFRASTRUCTURE_SERVICES } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, INFRASTRUCTURE_SERVICES)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/infrastructure_services.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Interservice Communication

Preview
Usage
Definition

import { InterserviceCommunication } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<InterserviceCommunication/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INTERSERVICE_COMMUNICATION } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, INTERSERVICE_COMMUNICATION)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/interservice_communication.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Load Balancing / Routing

Preview
Usage
Definition

import { LoadBalancingRouting } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<LoadBalancingRouting/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOAD_BALANCING_ROUTING } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, LOAD_BALANCING_ROUTING)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/load_balancing_routing.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Microservices Mesh

Preview
Usage
Definition

import { MicroservicesMesh } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<MicroservicesMesh/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MICROSERVICES_MESH } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, MICROSERVICES_MESH)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/microservices_mesh.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Mobile Backend

Preview
Usage
Definition

import { MobileBackend } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<MobileBackend/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MOBILE_BACKEND } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, MOBILE_BACKEND)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/mobile_backend.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Mobile Provider Network

Preview
Usage
Definition

import { MobileProviderNetwork } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<MobileProviderNetwork/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MOBILE_PROVIDER_NETWORK } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, MOBILE_PROVIDER_NETWORK)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/mobile_provider_network.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Monitoring

Preview
Usage
Definition

import { Monitoring } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Monitoring/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MONITORING } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, MONITORING)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/monitoring.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Monitoring & Logging

Preview
Usage
Definition

import { MonitoringLogging } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<MonitoringLogging/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MONITORING_LOGGING } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, MONITORING_LOGGING)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/monitoring_logging.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Peer Services

Preview
Usage
Definition

import { PeerServices } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<PeerServices/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PEER_SERVICES } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, PEER_SERVICES)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/peer_services.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Service Discovery & Configuration

Preview
Usage
Definition

import { ServiceDiscoveryConfiguration } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<ServiceDiscoveryConfiguration/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVICE_DISCOVERY_CONFIGURATION } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, SERVICE_DISCOVERY_CONFIGURATION)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/service_discovery_configuration.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Transformation & Connectivity

Preview
Usage
Definition

import { TransformationConnectivity } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<TransformationConnectivity/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TRANSFORMATION_CONNECTIVITY } from '@dinghy/diagrams/entitiesIbmInfrastructure'

<Shape 
  {...props}
  _style={extendStyle(props, TRANSFORMATION_CONNECTIVITY)}
  />

{
  _style: {
    entity: 'image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;fontColor=#4277BB;labelBackgroundColor=default;fontSize=12;spacingTop=3;image=img/lib/ibm/infrastructure/transformation_connectivity.svg;strokeColor=none;',
  },
  _original_width: 60,
  _original_height: 60,

}

Channels​

Cloud Messaging​

Dashboard​

Diagnostics​

Edge Services​

Enterprise Messaging​

Event Feed​

Infrastructure Services​

Interservice Communication​

Load Balancing / Routing​

Microservices Mesh​

Mobile Backend​

Mobile Provider Network​

Monitoring​

Monitoring & Logging​

Peer Services​

Service Discovery & Configuration​

Transformation & Connectivity​

Channels

Cloud Messaging

Dashboard

Diagnostics

Edge Services

Enterprise Messaging

Event Feed

Infrastructure Services

Interservice Communication

Load Balancing / Routing

Microservices Mesh

Mobile Backend

Mobile Provider Network

Monitoring

Monitoring & Logging

Peer Services

Service Discovery & Configuration

Transformation & Connectivity