4,600
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 ==
Download the appropriate file for your Gramps version via This report is available under the Addon manager or [[Plugins4.1#Manually_installed_Addonsmenu {{Man menu|manually install]]:*Gramps 3.4 Version : http://www.iflaf.com/mattman/familytree/gramps/D3Charts34-1.0.tar.gz*Gramps 4.0+ Version : http://www.iflaf.com/mattman/familytree/gramps/D3Charts40-1.0.tar.gz*Gramps 4.1 Version: not available == Reports > Web Pages > Ancestral Collapsible Tree ==[[Image:D3Chart-AncestralCollapsibleTree.png|thumb|right|400px|Sample Ancestral Collapsible Tree]]..}}
== Ancestral Fan Chart ==
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=Ancestral Collapsible Tree ===[[File:D3-AncestralCollapsibleTree-WebReport-Addon-example-50.png|thumb|right|450px|Ancestral Collapsible Tree - example output]]
A graphical representation of ancestry for a given individual.
{{-}}
=== 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...}}
The Ancestral Fan Chart report illustrates an individuals ancestry by means of a full circle 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...}}
The Descendant Indented Tree report is a graphical representation of the text based Descendant Report.
As with the other reports some customizable colors can be specified at generation time. In this report they pertain to whether there are more descendants to view or not.
{{-}}
== 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]]
