Topsoil

Topsoil is a project that creates visualizations from geochronological data.

Usage Instructions

1. Provide data by uploading a CSV or TSV file, or by clicking "Load Sample Data".
2. Click "Generate Plot".
3. Select columns that will be used for plotting variables. X and Y are required.
4. Specify the format of the provided error values. Options include absolute values or percentages.
5. Click "Submit", and an interactive plot will appear in the upper-right.
6. Use the controls in the lower-right to customize plot features.
7. Click "Download SVG" to download the current view of the plot as an SVG file.

Additional Features:

• Values in the data table may be edited.
• Rows in the data table may be selected/deselected, changing their appearance in the plot.
• Click "Reset View" to zoom the plot to the extents of the data.

Libraries Used

• react-modal - Accessible modal dialog component for React.JS
• react-split - React component for Split.js, unopinionated utilities for resizeable split views
• Tabulator - The easy to use, fully featured, interactive table JavaScript library
• js-beautify - Beautifier for javascript

More Topsoil

• Topsoil (desktop) - Java application and library
• topsoil-js - JavaScript library, written in TypeScript