4,602
edits
Changes
m
The Note the filtering is based off the text based Ancestry and Descendant Reports.
Each report is available under the menu {{Man menu|Reports > Web Pages > ...}}== Usage ==
== Ancestral Fan Chart ==
* Does not work with MS-IE 11?
no edit summary
{{Third-party plugin}}
The "'''D3 Ancestral/and Descendant Chart" plugin Charts''' addon consists of three(3 ) Web based report plugins, reports:* {{man label|[[Addon:D3_Ancestral_and_Descendant_Charts#Ancestral_Collapsible_Tree|Ancestral Collapsible Tree, ]]}}* {{man label|[[Addon:D3_Ancestral_and_Descendant_Charts#Ancestral_Fan_Chart|Ancestral Fan Chart and ]]}}* {{man label|[[Addon:D3_Ancestral_and_Descendant_Charts#Descendant_Indented_Tree|Descendant Indented Tree]]}}.
Each chart used the [http://en.wikipedia.org/wiki/[Output_formats#D3.js |D3.js library]] for its layout which are SVG based and provide some really nice interactiveness inter-activeness and animation.
All of the reports generate [httphttps://en.wikipedia.org/wiki/JSON JSON] for ancestry/descendant's and could be easily customized for other usage.
==Installation== Versions for Gramps 3.4, 4.0, 4.1 and 4.2 branches are available for install via Addon manager. == Ancestral Collapsible Tree ===[[ImageFile:D3ChartD3-AncestralCollapsibleTree-WebReport-Addon-example-50.png|thumb|right|400px450px|Sample Ancestral Collapsible Tree- example output]]
This report is available under the menu {{Man menu|Reports > Web Pages > Ancestral Collapsible Tree...}}
{{-}}
=== Ancestral Fan Chart === [[ImageFile:D3ChartD3-AncestralFanChart-WebReport-Addon-example-50.png|thumb|right|400px450px|Sample Ancestral Fan Chart- example output]]
This report is available under the menu {{Man menu|Reports > Web Pages > Ancestral Fan Chart...}}
{{-}}
=== Descendant Indented Tree === [[ImageFile:D3ChartD3-DescendantIndentedTree-WebReport-Addon-example-50.png|thumb|right|400px450px|Sample Descendant Indented Tree- example output]]
This report is available under the menu {{Man menu|Reports > Web Pages > Descendant Indented Tree...}}
== Issues ==
* Charts appear without content - related to a security vulnerability update to Browsers. (i.e. local HTML files ought not to be authorized to open files from different sub-directories) This shouldn't be a problem once the files are uploaded to a server. It is just local mode that is affected. Workarounds for local mode available for:
** set [https://gramps.discourse.group/t/web-page-reports-have-no-content/411/8 Firefox] <tt>privacy.file_unique_origin flag</tt> to false in [http://kb.mozillazine.org/About:config about:config]
** Chrome launch flags: <pre>C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files --allow-file-access --allow-cross-origin-auth-prompt</pre>
* Help buttons URL's on report dialogs do not lead here.
* {{bug|9602}}: Descendant Indented Tree doesn't work with Chromium browser
* {{bug|11800}}: D3 Chart update of d3.js and jquery libraries to newer versions
** Uses D3.js version 3.4.5 (and not the [https://d3js.org/ current release])
** Uses [https://jquery.com/ jquerry] also outdated
* Does not work with MS-IE 11?[https://github.com/d3/d3/issues/599#issuecomment-32245110]
If anyone is still facing the problem [with MS-IE 11] here is the solution:
Add this 2 lines to your html file.
<code><meta http-equiv="X-UA-Compatible" content="IE=edge" /></code>
If not IE doesn't understand the property CSSStyleDeclaration in your d3.js file.
==See Also==
* [[Web Solutions for Gramps]]
[[Category:Plugins]]
[[Category:Developers/General]]
[[Category:Reports]]
