1.0.6 • Published 4 years ago
@ist-supsi/stratigraphy v1.0.6
React Stratigraphy
A simple reactjs module for creating graphical representations of stratigraphies (used in geology to describe the vertical location of rock units).
Example:
Installation
Install the module with npm:
npm install @ist-supsi/stratigraphy
or use yarn:
yarn add @ist-supsi/stratigraphy
Usage
import React from 'react';
import { Stratigraphy } from '@ist-supsi/stratigraphy';
const ExampleComponent = (props) => {
return (
<Stratigraphy
data={
[
{
id: 1,
from: 0,
to: 1.23,
color: '#123456',
pattern: 'assets/pattern-1.png',
title: 'Jura des Juragebirges',
subtitle: 'Dazit'
}, {
id: 2,
from: 1.23,
to: 1.77,
color: '#789123',
pattern: 'assets/pattern-2.png',
title: 'Quartar, undifferenziert',
subtitle: 'Phonolith'
}, {
id: 3,
from: 1.77,
to: 2.34,
color: '#456789',
pattern: 'assets/pattern-3.png',
title: 'Altere Ablagerungen, undifferenziert',
subtitle: 'Magmatit'
}
]
}
onSelected={(layer)=>{
console.log(layer);
}}
style={{
height: '300px',
width: '250px'
}}
unit='m'
/>
);
};
export default ExampleComponent;