Governed Dashboards
  • About Dashboard Designer
    • What is Dashboard Designer?
    • Why is it used?
  • Getting Started
    • Accessing the Designer Module
    • Overview of Designer Module
      • Homepage
        • Guided Tour
        • Left Menu Panel
          • New
          • Manage
          • Open Dashboard
          • Preferences
          • Save As
          • Help
          • Exit
      • Dashboard Canvas Page
        • Right side Panel
          • Connection Page
          • Chart Container
          • Manage Window
          • Script Window
          • Guided Tour
        • Canvas Properties
          • Global Properties
          • Dashboard Themes
        • Context Menu Properties
  • Create New Workspace
    • Workspace Creation: Complete Flow
    • Creating a Workspace
    • Renaming a Workspace
    • Deleting a Workspace
  • Create New Dashboard
    • Dashboard Creation: Basic Workflow
    • Adding a New Dashboard
    • Create Connection
    • Drag and Drop Charts
    • Associate the Dataset
    • Preview the Dashboard
    • Save the Dashboard
    • User Alert Notification
  • Managing Options for a Dashboard
    • Open Dashboard in Designer
    • Publish a Dashboard
    • Share a Dashboard
    • Dashboard Version Control
    • Action Menu
      • Preview Dashboard
      • Export to Local Disk
      • Rename
      • Delete
      • Moving a Dashboard
      • Information Icon
      • Dashboard as Template
  • Connecting to a Data Source
    • Accessing the Data Connectors
    • Establishing a Data Connection
      • CSV Connection
      • Excel Connection
      • Data Service Connection
      • Data Store Connection
      • Data Sheet Connection
        • Data Sheet Enhancements
      • WebSocket Connection
      • Merged Connection
  • Charts Gallery
    • Charts
      • Area chart
      • Bar Chart
      • Bubble Chart
      • Circumplex Chart
      • Column Chart
      • Funnel Chart
      • Histogram Chart
      • Inverted Funnel
      • KPI Tile
      • Line Chart
      • Map Chart
      • Mito Plot
      • Mixed Chart
      • Pie Chart
      • Project Timeline
      • Pyramid Chart
      • Scatter Plot
      • Spark Line
      • Spider Chart
      • Waterfall Chart
    • Grids
      • Data Grid
      • Paging Grid
      • Data Sheet
      • Scorecard
      • Pivot Grid
    • Filters
      • Checkbox
      • Combobox
      • Hierarchical Combobox
      • List
      • Radio Button
    • Advanced Charts
      • Box Plot
      • Candle Stick
      • Chevron
      • Data Search
      • Decision Tree
      • Group Bar
      • Group Column
      • Heat Map
      • Sankey
      • Text Analyzer
      • Time Series
      • Decomposition
      • Knowledge Graph
      • Tree Map
      • Trellis
      • Word Cloud
      • New Word Cloud
    • Other Charts
      • Box
      • Bullet
      • Date Picker
      • Export
      • Filter Chips
      • Filter Saver
      • Gauge
      • Graphics
      • Guided Tour
      • H-Slider
      • Image
      • Info Button
      • Input Box
      • Label
      • Legend
      • Progress Pie
      • Semi Gauge
      • Stepper
      • SVG Image
      • Text Box
      • Trend
      • URL Button
      • V-Slider
      • Tab Component
      • Inputbox component
      • Button component
    • Custom Charts
    • Common Chart Properties
      • Background
      • Title & Sub-title
      • X & Y Axis Properties
      • Legend Properties
      • Formatter
      • Axis Setup
      • Export Options
      • Copy Paste Chart Properties
  • Dashboard Objects
    • Manage Dashboard Components
    • Dashboard Objects Properties
  • Configurations
    • Filtering the Data
    • Drill Through
      • Drill Highlighter
    • Dataset Properties
    • Indicators in Charts
    • Tooltip(Default & Custom)
    • Data Label
    • Geo Mapping
    • Language Mapping
    • Legend Mapping
    • Alerts in Grids
  • Script Help Section
    • Navigate to Script Help page
    • How to use Scripts?
Powered by GitBook
On this page
  • Best situation to use a Knowledge Graph
  • Variations of this Chart
  • Default Chart Image
  • Appearance Properties
  • General
  • Background
  • Node Styles
  • Edge Styles
  • Title
  • Sub Title
  • Export Options
  • Applying Properties
  • Setting Custom Node Shapes
  • Setting Custom Node Colors
  • Sample Data
  1. Charts Gallery
  2. Advanced Charts

Knowledge Graph

PreviousDecompositionNextTree Map

A network graph, also referred to as a network diagram or node-link diagram, is an effective visual tool for illustrating connections between various entities or nodes. This visualization method is valuable for depicting intricate relationships within a system involving multiple interconnected components. It proves especially useful for analyzing intricate systems characterized by numerous interdependent elements.

Best situation to use a Knowledge Graph

  • When the user needs to visualize and understand the relationships between different entities or nodes in a system.

    • E.g., To analyze transportation planning, where a network graph can visualize the connections between different modes of transportation.

  • To visualize the connections between different individuals and identify key influencers or social clusters within the social network.

Variations of this Chart

  • Network Knowledge Graph: In this chart, nodes represent individual pieces of information or concepts, and the connections between nodes indicate relationships. It's useful for illustrating complex interconnections and dependencies within a dataset.

  • Concept Map: A concept map is a visual representation that links ideas or concepts using lines and connecting phrases. It's suitable for illustrating relationships between various concepts and how they relate to a central theme.

  • Hierarchical Knowledge Graph: This type of chart represents information in a hierarchical structure, where each level showcases different levels of detail. It's great for showing parent-child relationships and organizing concepts from broad to specific.

Default Chart Image

Appearance Properties

General

Users can change the height, width, top, and left. If the Initial Visibility option is unchecked, then the component won’t be visible at the first preview. Users can manage the max button to minimize and maximize the chart.

The user can enable the hierarchy layout by using the check box and select the suitable Hierarchy direction as well.

Background

Users can set the following background properties for the Knowledge chart:

  1. Gradient Rotation

  2. Opacity

  3. Gradient

  4. Border

  5. Border Color

  6. Border Radius

  7. Shadow

  8. Shadow Color

  9. Shadow Transparency

Node Styles

The user can set the Node shape, color, size, and various Font related properties using the Node Styles properties option.

Edge Styles

Users can provide a style or modify the existing style to Edge by using this properties.

Title

Users can enable or disable the title, insert title description, set various properties such as Title Box color, Font color, Font Style, Font Weight, Font Family, alignment, and select a Text decoration option using the Title properties.

Sub Title

Enable or disable sub-title, provide description for the sub-title, and set various Font related properties, alignment and text decoration using the Sub-Title properties.

Export Options

Users can select various Export options, heading, sub-heading, Name of the exported file, and Global export type using the Export Options properties.

Applying Properties

Setting Custom Node Shapes

Check out the given walk-through on how to set custom node shapes.

  • Navigate to the Node Styles section given under the appearance properties of the Knowledge chart.

  • Enable the checkbox given for Use Custom Shapes.

  • Click the Custom Shapes icon.

  • The Shape Selector window opens.

  • Select the Indicator Type using the drop-down menu. It can be based on Type or Value.

  • Select various Shapes for the range of types.

  • Click the Save option.

The user needs to provide the Range From and Range Up to limit while using Value option as indicator type.

  • The customized node shapes get added to the chart. The user may see it in the preview mode.

Setting Custom Node Colors

Check out the given walk-through on how to set Custom Node Colors in the knowledge Graph chart.

  • Navigate to the Node Styles section given under the appearance properties of the Knowledge chart.

  • Enable the checkbox given for Use Custom Colors.

  • Click the Custom Colors icon.

  • The Color Selector window opens.

  • Select the Indicator Type using the drop-down menu. It can be based on Type or Value.

  • Select various Colors for the range of types.

  • Click the Save option.

The user needs to provide Range From and Range Up to limit while using Value as the Indicator Type option.

  • The customized node colors get added to the chart. The user can see the changes in the Preview mode.

Sample Data

Download the given sample data and map it as mentioned below to plot your Knowledge Graph chart:

Select parent_label column as Source, child_label as Target, edge_label as Edge field. Drop the value and type fields respectively under the Value and Type headings given below to plot the size of the nodes.

Setting Custom Node Shapes
Setting Custom Node Colors
899B
Sample Data_Knowledge Graph.csv
Default Display of the Knowledge Graph component
Hierarchical Layout from Down to Up direction