Skip to content

Update a JSON File

Managing family tree data in a JSON file is a practical way to store, review, and edit genealogical relationships. With Family Tree JS 2, you can open local JSON data, visualize it in an interactive tree, edit it, and save the updated file back to disk directly from the browser.

In this demo, you will learn how to:

  • Open a JSON file with family members.
  • Display the data in an interactive family tree.
  • Edit members directly in the tree.
  • Save your updated JSON file.

Features

  • Open and save files with the File System Access API.
  • Support for .json files.
  • Works with Family Tree JS 2.
  • No backend required; everything runs client-side.

Live Example

Read and Write a JSON - Family Tree JS 2