JSFiddle - React, Tailwind, and code Playground

HTML

<div id="deckgl-container" style="width: 1000px; height: 1000px;"></div>

<script src="https://unpkg.com/deck.gl@^8.5.0/dist.min.js"></script>

JavaScript

const data = [
{ position: [500, 500], color: [255, 0, 0] }, // Пример одного объекта
// Дополнительные объекты могут быть добавлены здесь
];
 
const deckgl = new deck.DeckGL({
container: 'deckgl-container',
width: 1000,
height: 1000,
layers: [
new deck.ScatterplotLayer({
data,
getPosition: d => d.position,
getFillColor: d => d.color,
getRadius: 10
})
]
});