<div id="div2"></div>
<div id="div3"></div>
<div id="div1"></div>
dfd
.read_csv(
"https://raw.githubusercontent.com/plotly/datasets/master/finance-charts-apple.csv"
)
.then((df) => {
df["AAPL.Open"].plot("div1").box(); //makes a box plot
df.plot("div2").table(); //display csv as table
new_df = df.set_index({ key: "Date" }); //resets the index to Date column
new_df.plot("div3").line({ columns: ["AAPL.Open", "AAPL.High"] }); //makes a timeseries plot
})
.catch((err) => {
console.log(err);
});
This Pen doesn't use any external CSS resources.