[{"columns":["product_id","product","dimensions","dpi","pages_per_minute_color","max_page_size","interface"],"name":"product","type":"grid"}]

What are some good canvas libraries for browser JavaScript?

{"text":"Here are some popular canvas libraries:\n\n1. Fabric.js: This is a powerful and easy-to-use library for working with HTML5 canvas. It provides a variety of tools for creating interactive graphics and animations.\n2. Konva.js: This is a 2D drawing library that provides a simple and intuitive API for creating complex shapes and animations on canvas. It's optimized for mobile devices and has excellent performance.\n3. Paper.js: This is a vector graphics library that allows you to create complex shapes and illustrations with ease. It provides a variety of tools for working with paths, curves, and shapes, and supports both raster and vector graphics.\n4. Three.js: This is a 3D graphics library that provides tools for creating and animating complex 3D scenes in the browser. It's ideal for creating games and interactive experiences.\n5. EaselJS: This is a library that makes working with HTML5 canvas simple and intuitive. It provides a familiar display list API, similar to Flash, that makes it easy to create interactive graphics and animations.","dsl":{}}

could you give a hello world program for paper and three, they seem interesting

{"text":"Certainly! Here's a simple \"Hello, World!\" program for both Paper.js and Three.js to get you started.\n\n1. Paper.js:\n\nFirst, include the Paper.js library in your HTML file:\n```html\n<!DOCTYPE html>\n<html>\n<head>\n  <script type=\"text/javascript\" src=\"https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.12.15/paper-full.min.js\"><\/script>\n<\/head>\n<body>\n  <canvas id=\"myCanvas\" resize><\/canvas>\n  <script type=\"text/paperscript\" canvas=\"myCanvas\">\n    // Create a point at the center of the view\n    var point = new Point(view.size.width / 2, view.size.height / 2);\n\n    // Create a text item with 'Hello, World!' at the center point\n    var text = new PointText(point);\n    text.content = 'Hello, World!';\n    text.fillColor = 'black';\n    text.fontSize = 30;\n    text.justification = 'center';\n  <\/script>\n<\/body>\n<\/html>\n```\n2. Three.js\n```html\n<!DOCTYPE html>\n<html>\n<head>\n  <script type=\"text/javascript\" src=\"https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js\"><\/script>\n<\/head>\n<body>\n  <script>\n    // Set up the scene, camera, and renderer\n    var scene = new THREE.Scene();\n    var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);\n    var renderer = new THREE.WebGLRenderer();\n    renderer.setSize(window.innerWidth, window.innerHeight);\n    document.body.appendChild(renderer.domElement);\n\n    // Create a cube\n    var geometry = new THREE.BoxGeometry();\n    var material = new THREE.MeshBasicMaterial({color: 0x00ff00});\n    var cube = new THREE.Mesh(geometry, material);\n    scene.add(cube);\n\n    // Position the camera\n    camera.position.z = 5;\n\n    // Animation loop\n    function animate() {\n      requestAnimationFrame(animate);\n\n      // Rotate the cube\n      cube.rotation.x += 0.01;\n      cube.rotation.y += 0.01;\n\n      renderer.render(scene, camera);\n    }\n\n    animate();\n  <\/script>\n<\/body>\n<\/html>\n```\nThis Three.js example doesn't display the text \"Hello, World!\", but it creates a simple rotating cube to demonstrate how to set up a basic 3D scene with the library. To display text in Three.js, you can use additional libraries like \"three-bmfont-text\" or \"troika-3d-text\".","dsl":{}}

But you didn't provide code for hello world with Three.js library. Give me code for showing Hello World Program written in Three.js