Plot for contemporary art

Hi mootari and thanks for the help.
Now, I added a couple of details in the “chart.js” file, passed the codes in “notepad++” and it seems to have taken the “green signal” aside.
So, I tried to open the .html file with Google Chrome and it gave “blank page”, again
What can I do to see the graph?

Best,
Roberto

Index.html

<!DOCTYPE html>
<div id="myplot"></div>
<script type="text/javascript" src="d3.js"></script>
<script type="text/javascript" src="plot.js"></script>
<script type="text/javascript" src="chart.js"></script>
<script type="module">
const plot = Plot.dot({lenght: 10000}, Plot.binX({y: "count"}, {x: Math.random})).plot();
const div = document.getElementById('#myplot').append(Plot.plot(options));
div.append(plot);
</script>

Chart.js

const data = await FileAttachement("Bucciarelli.TEST GRAFOyEd.csv").csv();
Plot.plot('#myplot', {
width: 300,
height: 100,
grid: true
marginTop: 10,
inset: 10
)},

marks: [
Plot.frame(),
Plot.dot('#myplot', {
x: "Anno",
y: "Nome_Mostra",
r: 5,
opacity: 0.8
}),
Plot.tip(
'#myplot',
Plot.pointer({
stroke: "Mostra_id",
channels: { Critico: "Critico", Citazione: "Citazione" },
x: "x",
y: "y",
title: (d) => [d.Critico, d.Citazione].join("\n\n")
})
)
]

Also, the following is the .csv file for the data to be plotted:

Mostra_id,Anno,Nome_Mostra,Critico,Citazione
01,1989,Quadriennale_di_Roma,Toni_Toniato,L’inaudita sfida che Vito Bucciarelli ha portato allo stato di visibilità dell’immagine sovverte e rovescia in effetti ogni logica dell’esistente e delle sue categorie 
rappresentative in quanto egli intende portarvi alla visione dell’immagine stessa dell’infigurabilità.
02,1984,Quadriennale_di_Milano,Filiberto_Menna,Credo che per entrare nell’universo plastico inventato 
da Vito Bucciarelli occorra tener presente che il personaggio da lui inventato viva simultaneamente dentro 
e fuori la scultura, tra la realtà e la finzione in una “Doppia Ottica”
03,1976,La_Presenza_Immobile,Santiago_Amon,L’idea (di Bucciarelli) di attraversare i limiti dello spazio in 
cui inizia la lotta dissociativa tra l’immagine generata (in questo caso parliamo di una performance) e 
l’individualità della persona che l’ha generata potrebbe essere interpretata come un effettivo transfert di 
quell’immagine che passa dall’interiorità del protagonista alla cerchia dei suoi contemplatori.
04,1995,Angelus_Novus,Antonio_Gasbarrini,Lo sradicamento, lo spaesamento attuato da Vito Bucciarelli 
coinvolge lo stesso statuto dell’opera d’arte così come è venuto a con/figurarsi prima dell’avvento dell’Arte 
Agravitazionale. Il fondamento dell’opera è senz’altro la materia. A ben riflettere, quest’ultima altro non è 
che energia raffreddata.

Best,
Roberto Presicci

I’m sorry,
just seen the .html code missed. So I add it down here:

Index.html

Why is the .html code not visible?

Roberto

Hi Roberto, I’ve edited your initial post to add formatting to the code (which also lets you share your HTML). You can edit your post to see how I did it.

I’ll let someone else weight in on your actual question, but given the syntax errors in your shared script I’d urge you to use an editor or environment that points those errors out to you.