Hi dominiquevocat,
I had the same problem til I changed the div id="force directed" to div id="custom" take a look at this example:
<form script="autodiscover.js">
<fieldset submitButton="false">
<input type="link" token="unused">
<label>Choose a visualization...</label>
<choice value="sankey">Sankey</choice>
<choice value="forcedirected">Force Directed Graph</choice>
<default>sankey</default>
<change>
<condition value="sankey">
<set token="showSankey">true</set>
<unset token="showForceDirected"></unset>
</condition>
<condition value="forcedirected">
<set token="showForceDirected">true</set>
<unset token="showSankey"></unset>
</condition>
</change>
</input>
</fieldset>
<search id="viz_search">
<query>
<![CDATA[
index=_internal sourcetype=splunk_web_access NOT uri_path=*/static/* uri_path=*/app/* OR uri_path=*/manager/*
| rex field=referer "https?://.+?/.+?(?<referer_path>/[^\\?]+)"
| rex field=uri_path "/.+?(?<path>/.+)"
| rename referer_path as from path as to
| stats count by from to | sort -count | head 50
]]>
</query>
</search>
<row>
<panel depends="$showSankey$">
<html>
<h2>Sankey</h2>
<div id="sankey"
class="splunk-view"
data-require="app/simple_xml_examples/components/sankey/sankey"
data-options='{
"managerid": "viz_search",
"height": 400
}'>
</div>
</html>
</panel>
</row>
<row>
<panel depends="$showForceDirected$">
<html>
<h2>Force Directed</h2>
<div id="custom"
class="splunk-view"
data-require="app/simple_xml_examples/components/forcedirected/forcedirected"
data-options='{
"managerid": "viz_search",
"height": "500px",
"panAndZoom": false,
"isStatic": false
}'>
</div>
</html>
</panel>
</row>
</form>
Hope this helps und Grüsse nach Basel!
cheers, MuS
