steep is an npm package that allows you to visualize multiple sets of x and y coordinates from a single input string. Whether you're plotting data points, creating graphs, or analyzing trends, steep has got you covered!
To use steep, you need to have Node.js installed. Then, simply run:
npm install steep
-
Import the
visualizeStringInput
function in your JavaScript file:const steep = require('steep');
-
Call the function with your input string and visualization type:
const inputString = "345,5643;342,876;123,456"; const visualizationType = 'scatter'; // Choose from 'scatter', 'line', or 'bar' steep.visualizeStringInput(inputString, visualizationType);
-
Customize the graphing logic:
- Use your preferred graphing library (e.g., D3.js, Plotly) to create the actual graph.
- Replace the
console.log
statements in thevisualizeStringInput
function with your graphing code.
- The input string should contain multiple sets of coordinates separated by semicolons (;).
- Each set consists of an x value and a corresponding y value, separated by a comma (,).
Choose from the following visualization types:
-
'scatter'
: Create a scatter plot -
'line'
: Create a line graph -
'bar'
: Create a bar chart
In addition to the core functionality, steep now includes a colorized dropdown menu. The menu provides options for selecting different visualization types. When the user clicks the "Menu" button, the dropdown reveals available choices.
- Click the "Menu" button.
- Choose your preferred visualization type (scatter, line, or bar).
- Observe the graph based on your selection.
Feel free to customize the menu appearance and colors in the CSS to match your project's branding.
Contributions are welcome! Feel free to open issues or submit pull requests.
This project is licensed under the MIT License - see the LICENSE file for details.