search

JustinGOSSES / wellioviz

d3.js v5 visualization of well logs
https://justingosses.github.io/wellioviz/#introduction
Apache License 2.0
51 stars 12 forks source link

HelloWorld tutorials #47

Closed JustinGOSSES closed 4 years ago

JustinGOSSES commented 4 years ago

Is your feature request related to a problem? Please describe. There should be tutorials written for beginners & not quite beginners

Describe the solution you'd like Maybe an Observable Notebook? But pulling functions from NPM? Maybe notebook running JS?

IDEAS

Hello World:

Start an HTML document with a div that has an ID. Input data looks like this Transformation does what Packaging does what (minimal version) Plotting a curvebox, it works

More complicated World:

HTML document on it with more than one DIV that has something to do with the problem. Input data looks like this. Look at greater detail at the transformation. Talk about d3.js array of objects, scales, and implications. Least bad choice and have it up front. Packaging with more things change. Talk about writing your own function for this? Plotting multiple curves in a curvebox Plotting with and without title Plotting curveboxes in a cross-section

Even More Complicated World:

Making changes to what is plotted, like adding a curve or changing fill on the fly Scrolling

JustinGOSSES commented 4 years ago

First version of a Hello World: https://observablehq.com/@justingosses/hello-wellioviz