Using loadTable with correct types in typescript with p5js

GoToLoop · May 24, 2020, 2:27pm

Oh, that’s React! Sorry I still dunno much about it.

Most I can do is take a look at your “spectrum.ts” file and make it work as it is w/o React:

suvirbhargav/p5_react/blob/master/sketch/spectrum.ts

//import p5 from "p5";
import * as p5 from "p5/index";

const spectrum = (p: p5) => {
  let data: p5.Table;

  p.preload = () => {
    data = (p as any).loadTable("./less.csv", "csv", "header");
    console.log("data ", data.getRowCount());
  };

  p.setup = () => {
    p.createCanvas(640, 480);
    p.noFill();
    // how many rows?
    console.log("row ", data.getRowCount());
    // what are the columns?
    console.log("col ", data.columns);
  };
  p.draw = () => {

This file has been truncated. show original

github.com

suvirbhargav/p5_react/blob/master/sketch/less.csv

"Frequency [Hz]","Pist 10s again 2 [dBZ SPL]"
0,103.126
0.1,97.098
0.2,51.81
0.3,41.092
0.4,42.918
0.5,41.646
0.6,41.122
0.7,43.007
0.8,40.722
0.9,41.767
1,38.663
1.1,41.774
1.2,39.552
1.3,42.458
1.4,37.08
1.5,44.497
1.6,37.777
1.7,45.421
1.8,37.887

This file has been truncated. show original

Topic		Replies	Views
Load csv file with createfileinput Coding Questions	9	1937	February 21, 2019
loadTable from object and not from url Coding Questions	6	520	June 13, 2020
P5 wont load on browser because of loading a csv file Coding Questions	3	1460	October 13, 2018
Error with loadTable via drop p5.js	1	304	August 12, 2020
Creating and Populating a Table From Scratch Coding Questions	11	2882	July 12, 2019

Using loadTable with correct types in typescript with p5js

Related topics