Splunk 6.x Dashboard Examples: Why does Force Direct diagram not render lines and how to fix this?

[bandit]

The sample Force Direct diagram only renders the tips of the arrows(arrowheads), however not the arrow lines.
The preview graphic shows line and the arrow tips.
How can I render the arrow lines?

https://apps.splunk.com/app/1603/
http://localhost:8000/en-US/app/simple_xml_examples/custom_viz_forcedirected

![alt text][1] [1]: /storage/temp/24568-force-directed-thumbnail.jpg
![alt text][2] [2]: /storage/temp/24569-force-directed-example.jpg

The thumbnail in the app shows the lines.
The app example doesn't have the lines.

[JonoCoetzee]

I don't know if you solved this already but the problem is that the css file is not loaded in the example. The simplest way is to add require("css!./forcedirected.css"); to forcedirected.js so that it looks like the following:

define(function(require, exports, module) {

var _ = require('underscore');
var d3 = require("../d3/d3");
var SimpleSplunkView = require("splunkjs/mvc/simplesplunkview");

require("css!./forcedirected.css");

var ForceDirected = SimpleSplunkView.extend({

[bmacias84 · Accepted solution]

The force direction chart works in the Splunk Web Framework Toolkit. It appears to be an issue with attribute mapping.

[bandit]

Any workaround until a fix is published to Splunk 6.x Dashboard Examples?

[bmacias84]

My suggestion would be to use the https://apps.splunk.com/app/1613/ and open a support ticket.

[bandit]

The version in Web Framework Toolkit worked.

Thanks,

Rob