This Endless Frame

| Home | Data | Color | 3D | Rivers | Notes | Chirps |

Points to Spheres Using Three.js

Combining data-driven prompts, 3D and color, I saved this dataset to a file named in_xyz_hex.tsv.

(The backstory for this dataset is here.)

I then used the following prompt with Gemini (2.5) CLI :

Read the input file in_xyz_hex.tsv which contains XYZ data in the first 
three columns and hexadecimal RGB data in the forth column.
Write a JavaScript program using the three.js library to render the input 
data as one colored sphere for each input point.
That is each XYZ value in the input should be rendered as a single sphere 
with the hexadecimal RGB value assigned to that sphere.
Save this code to the file points_to_spheres.js.
Also save an index.html showing how this JavaScript is used.
Finally save this prompt to the file prompt_to_spheres.txt

The result is shown below - it's interactive, drag it around to explore the data.

I made some minor modications to the Gemini CLI JavaScript and HTML.

I also made additional revisions to embed in this web page.

But out-of-the-box the result was a working color point to sphere Three.js function.

The specific JavaScript code is here.

I now expect to post more Three.js content without writing as much Three.js code.


2026-05-14
NMoroney