Was ist der beste auf HTML+SVG+CSS basierende Ansatz zum Anzeigen einer Stammbaumstruktur mit Eltern und mehreren Verbindungen?

Ich suche nach einer flexiblen Möglichkeit, die Ausgabe des GEDCOM-Datenmodells oder Gramps-Datenmodells anzuzeigen , die die gängigsten Datenmodelle für die Genealogie sind. Beide Datenmodelle unterstützen Stammbäume, die sowohl biologische Eltern als auch mehrere Verbindungen zwischen verschiedenen Zweigen eines Vorfahrenbaums enthalten.

Ein Beispiel für mehrfache Verbindungen wäre ein Fall, in dem zwei Schwestern einer Kernfamilie zwei Brüder einer anderen Kernfamilie heiraten. Dies ist bei einem entfernten Verwandten von mir irgendwann im 17. Jahrhundert der Fall, wie Sie in den Screenshots (meines Stammbaums auf MyHeritage.com ) unten sehen können.

Aus der Sicht der Brüder:Brüder

Aus der Sicht der Schwestern:Schwestern

Ein komplizierteres Beispiel wäre, wenn eine Urgroßmutter eines Mannes die Schwiegermutter der Großmutter seiner Frau (oder ihrer Schwester) ist. So etwas kommt auch bei meinen Vorfahren aus dem 18. Jahrhundert vor, aber es ist etwas schwieriger, einen passenden Screenshot zu liefern.

Obwohl ich weiß, dass dies mit Canvas möglich ist, bevorzuge ich eine Lösung, die entweder SVG oder HTML für die Anzeige verwendet. Gibt es JS-Bibliotheken, die solche mehrfachen Verbindungen zwischen verschiedenen Zweigen desselben Baums standardmäßig unterstützen? Oder kennen Sie Beispiele für zB. D3.js , jsPlumb oder GoJS , die sowohl (1) die doppelte Elternverknüpfung als auch (2) mehrere Verbindungen standardmäßig unterstützen? Und wenn nicht, welchen Ansatz würden Sie empfehlen?

Willkommen bei den Softwareempfehlungen! Bitte beachten Sie, dass es auf dieser Seite darum geht, Software für bestimmte Anforderungen zu empfehlen – nicht um Howtos, Tutorials, Paradigmen, Algorithmen und dergleichen. Daher ist hier nur der Bibliotheksteil des letzten Absatzes themenbezogen (weshalb ich ihn nicht als off-topic markiert habe); für alles andere müssen Sie woanders nachfragen.
@Izzy: Ich habe sowohl StackOverflow als auch UX.StackExchange ausprobiert. Beide nannten meine Frage off-topic und schlossen sie. Nachdem ich auf META.StackOverflow gefragt hatte, wo ich meine Frage stellen sollte, schickten sie mich hierher. Ich weiß wirklich nicht, wohin ich sonst gehen soll. Ich habe auch keine Lust, 100 Stunden mit verschiedenen Bibliotheken herumzuspielen, um herauszufinden, wie ich mein Problem am besten angehen kann, wenn ein oder mehrere Vorschläge von Experten ausreichen könnten, um mich in die richtige Richtung zu lenken. Früher habe ich solche Antworten an StackExchange geliebt, aber in letzter Zeit fühle ich mich hier nur verloren und verwirrt.
John, dieser Teil, der nach den Bibliotheken fragt, ist hier in Ordnung (wie ich bereits geschrieben habe). Nur der größte Teil der "Umgebung" ist es nicht. Und ja, die Leute schicken dich hierhin und dorthin; Sie sollten das als "nette Indikatoren" betrachten, aber überprüfen Sie dies, indem Sie sich die /help/on-topicSeite der anvisierten SE-Site ansehen (ja, jede SE-Site hat diese Seite), bevor Sie posten ;) // Übrigens: Wenn der Urgroßvater "Schwiegermutter" ist „Bei jedem meiner Vorfahren wäre ich ziemlich verwirrt; das mag heute "normal" sein, aber im 18. Jahrhundert? #D
@Izzy: Ich kann die väterliche Abstammung meines Vaters bis vor etwa 400 Jahren auf dasselbe Dorf oder die umliegenden Dörfer zurückführen. Die mütterliche Abstammung meines Vaters lässt sich mindestens bis vor etwa 300 Jahren bis in dasselbe Dorf zurückverfolgen. Wenn Sie beide Elternteile für jede Generation einbeziehen, wäre es seltsam, NICHT mehrere Verbindungen zwischen verschiedenen Zweigen zu haben. Wie auch immer, wie kann jemand eine Bibliothek oder ein Codebeispiel für eine bestimmte Bibliothek empfehlen, wenn er keine Details zu meinem Anwendungsfall kennt? Mir geht es nur um technische Kriterien, persönliche Vorlieben!
Ich habe eher eine Mutter gespielt, die ein Vater ist ;) Und ja, Details sind ein Muss. Wie gesagt, ich habe es nicht als OT markiert – ich wollte nur darauf hinweisen, dass wir hier keine Strategien diskutieren werden. Viel Glück mit Ihrer Frage; Ich kann hier nichts empfehlen, aber hoffentlich gibt es jemanden, der es kann!
@Izzy: Ups..... Danke, dass du auf meinen dummen Fehler hingewiesen hast. Ich habe meine Frage gerade korrigiert.
Sie könnten versuchen, die Frage bei Genealogy & Family History Stack Exchange zu stellen. genealogie.stackexchange.com
@lkessler: Ich werde es überprüfen. Danke für den Tipp!

Antworten (1)

Dazu gibt es ein kostenloses Tool: SVG Family-Tree Generator (6.0) . Dadurch können Sie nicht nur einen Baum grafisch entwerfen und gestalten, der für Sie in eine Kombination aus SVG, HTML, CSS und JavaScript konvertiert wird, sondern auch Daten aus GEDCOM importieren. Darüber hinaus gibt es Konfigurationen, die eine Interaktion ermöglichen, entweder mit integrierter Klickfunktion oder benutzerdefinierter Funktionalität. In diesem Artikel werden ein Installationskit, Beispiele und Dokumentation erwähnt. Ich bin eigentlich der Autor und wollte ein Tool, das so ziemlich das tut, was Sie beschreiben, und so meine(n) Baum(e) mit Familie und Freunden teilen, ohne dass sie ein Abonnement benötigen.

Was ist der beste auf HTML+SVG+CSS basierende Ansatz zum Anzeigen einer Stammbaumstruktur mit Eltern und mehreren Verbindungen?
AntwortenHierDatenschutz-Bestimmungen1y, 0v