https://github.com/Microsoft/PowerBI-visuals-ForceGraph

Repo for Power BI Force Graph custom visual
https://github.com/Microsoft/PowerBI-visuals-ForceGraph

powerbi powerbi-visuals-forcegraph

Last synced: 3 months ago
JSON representation

Repo for Power BI Force Graph custom visual

• Host: GitHub
• URL: https://github.com/Microsoft/PowerBI-visuals-ForceGraph
• Owner: microsoft
• License: other
• Created: 2016-10-06T08:32:12.000Z (about 8 years ago)
• Default Branch: main
• Last Pushed: 2024-04-29T15:11:20.000Z (7 months ago)
• Last Synced: 2024-05-18T16:32:23.929Z (6 months ago)
• Topics: powerbi, powerbi-visuals-forcegraph
• Language: TypeScript
• Size: 2.39 MB
• Stars: 48
• Watchers: 22
• Forks: 50
• Open Issues: 34
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

• awesome-power-bi - Force Graph

README

        
# PowerBI-visuals-ForceGraph

[![Build Status](https://travis-ci.org/Microsoft/PowerBI-visuals-ForceGraph.svg?branch=master)](https://travis-ci.org/Microsoft/PowerBI-visuals-ForceGraph) [![Coverage Status](https://coveralls.io/repos/github/Microsoft/PowerBI-visuals-ForceGraph/badge.svg?branch=master)](https://coveralls.io/github/Microsoft/PowerBI-visuals-ForceGraph?branch=master) [![Build Status](https://dev.azure.com/customvisuals/public/_apis/build/status/Microsoft.powerbi-visuals-chord)](https://dev.azure.com/customvisuals/public/_build/latest?definitionId=6)

> The new version of Force Graph based on the new DevTools/API

![ForceGraph chart screenshot](https://github.com/microsoft/PowerBI-visuals-ForceGraph/blob/master/assets/screenshot.png)

# Overview

The ability to visualize the relationship between items, the weightage of the relationship and the flow often brings out the untold insights into limelight, which are otherwise not very evident. Simple numbers and basic charts won’t be enough to discover and tell such data stories. We need new visualization techniques for the complex world of relationship and Force-Directed Graph thrives to the forefront for such scenarios.

This custom visual implements a D3 force layout diagram with curved paths. The thickness of the path represents the weight of the relationship between the nodes.

Since the relationship and interconnection between large set of entities could be very complex, the visual positions the nodes in such a way that there are few crossings as possible, making the exploration experience easy, fun. The visual also produces the layout which is overall pleasing to the eyes for large data sets. Users can also adjust the layout manually by simply dragging the nodes around.

Ideally you would need two dimensions and one measure (for the weightage) to use with this visual. But this also works just with a single column.

See also [Force-Directed Graph at Microsoft Office store](https://store.office.com/en-us/app.aspx?assetid=WA104380764&sourcecorrid=77983508-5303-4ec4-9df1-2859e60e896c&searchapppos=0&ui=en-US&rs=en-US&ad=US&appredirect=false)