[{"columns":["Church_ID","Name","Organized_by","Open_Date","Continuation_of"],"name":"church","type":"grid"}]

Show me the country with people younger than 30,

{"dsl":{"actions":[{"actionType":"ChangeCondition","column":"age","operation":"<","value":30}]}}

What are some good canvas libraries for browser JavaScript?

{"text":"There are many great canvas libraries for browser JavaScript. Some popular choices include **D3.js**, **Particles.js**, **Matter.js**, **Paper.js**, **Fabric.js**, **Chart.js**, and **Two.js**. These libraries can help you create interactive graphics, animations, data visualizations, and more. Is there a specific type of project you have in mind?","dsl":{}}

Show me a list of countries with people over the age of 30.

{"dsl":{"actions":[{"actionType":"ChangeCondition","column":"age","operation":">","value":30}]}}

Write a hello world example, say a circle, on each of these libraries for comparison. State the differences and things that you think are relevant. Also explain how would you set up each of those libraries. And what things to take care in mind.

{"text":"Here's a basic example of creating a circle with each library, as well as some relevant differences and considerations for each library. To set up each library, you can either download the library files or use a CDN link. Make sure to include the library script tag in the HTML file before your own JavaScript file.\n\n1. D3.js\n   Primarily used for data-driven visualizations\n   Operates on SVG elements\nHTML:\n```html\n<!DOCTYPE html>\n<html>\n<head>\n  <script src=\"https://d3js.org/d3.v7.min.js\"><\/script>\n<\/head>\n<body>\n  <svg width=\"100\" height=\"100\"><\/svg>\n  <script src=\"your_script.js\"><\/script>\n<\/body>\n<\/html>\n```\nyour_script.js:\n```javascript\nconst svg = d3.select(\"svg\");\nsvg.append(\"circle\")\n   .attr(\"cx\", 50)\n   .attr(\"cy\", 50)\n   .attr(\"r\", 25)\n   .attr(\"fill\", \"blue\");\n```\n2. Particles.js\n   Used to create particle systems and backgrounds\nHTML:\n```html\n<!DOCTYPE html>\n<html>\n<head>\n  <script src=\"https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js\"><\/script>\n<\/head>\n<body>\n  <div id=\"particles-js\"><\/div>\n  <script src=\"your_script.js\"><\/script>\n<\/body>\n<\/html>\n```\nyour_script.js:\n```javascript\nparticlesJS('particles-js', {\n  particles: {\n    number: {\n      value: 1\n    },\n    shape: {\n      type: 'circle'\n    },\n    size: {\n      value: 25\n    }\n  }\n});\n```\n3. Matter.js\n   Physics-based library, ideal for creating realistic animations\nHTML:\n```html\n<!DOCTYPE html>\n<html>\n<head>\n  <script src=\"https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.17.1/matter.min.js\"><\/script>\n<\/head>\n<body>\n  <canvas id=\"myCanvas\" width=\"100\" height=\"100\"><\/canvas>\n  <script src=\"your_script.js\"><\/script>\n<\/body>\n<\/html>\n```\nyour_script.js:\n```javascript\nconst { Engine, Render, World, Bodies } = Matter;\nconst engine = Engine.create();\nconst canvas = document.getElementById('myCanvas');\nconst render = Render.create({\n  canvas: canvas,\n  engine: engine,\n  options: {\n    width: 100,\n    height: 100,\n    wireframes: false\n  }\n});\n\nconst circle = Bodies.circle(50, 50, 25, { render: { fillStyle: 'blue' } });\nWorld.add(engine.world, [circle]);\nEngine.run(engine);\nRender.run(render);\n```\n4. Paper.js\n   Vector graphics library, works on a scene graph concept\nHTML\n```html\n<!DOCTYPE html>\n<html>\n<head>\n  <script 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 src=\"your_script.js\"><\/script>\n<\/body>\n<\/html>\n```\nyour_script.js:\n\n```javascript\npaper.setup('myCanvas');\nconst circle = new paper.Path.Circle(new paper.Point(50, 50), 25);\ncircle.fillColor = 'blue';\npaper.view.draw();\n```\n5. Fabric.js\nObject-based library, manipulates and interacts with canvas elements\nHTML:\n```html\n<!DOCTYPE html>\n<html>\n<head>\n  <script src=\"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/4.2.0/fabric.min.js\"><\/script>\n\n<\/head>\n<body>\n  <canvas id=\"myCanvas\" width=\"100\" height=\"100\"><\/canvas>\n  <script src=\"your_script.js\"><\/script>\n<\/body>\n<\/html>\n```\nyour_script.js:\n\n```javascript\nconst canvas = new fabric.Canvas('myCanvas');\nconst circle = new fabric.Circle({\n  left: 25,\n  top: 25,\n  radius: 25,\n  fill: 'blue'\n});\ncanvas.add(circle);\n```\n6. Chart.js\nPrimarily used for creating charts and graphs\nNot suitable for creating individual shapes like circles\n\n7. Two.js\n\n2D drawing library that supports SVG, Canvas, and WebGL rendering\n\nHTML:\n```html\n<!DOCTYPE html>\n<html>\n<head>\n  <script src=\"https://cdnjs.cloudflare.com/ajax/libs/two.js/0.7.7/two.min.js\"><\/script>\n<\/head>\n<body>\n  <div id=\"draw\"><\/div>\n  <script src=\"your_script.js\"><\/script>\n<\/body>\n<\/html>\n```\nyour_script.js:\n```javascript\nconst elem = document.getElementById('draw');\nconst two = new Two({\n  width: 100,\n  height: 100\n}).appendTo(elem);\n\nconst circle = two.makeCircle(50, 50, 25);\ncircle.fill = 'blue';\ncircle.noStroke();\ntwo.update();\n```\nDifferences and considerations:\n\n1. D3.js is best suited for data-driven visualizations.\n2. Particles.js is great for creating particle systems and backgrounds but isn't ideal for more complex graphics.\n3. Matter.js focuses on physics-based animations and simulations.\n4. Paper.js is a versatile vector graphics library with a scene graph concept.\n5. Fabric.js is an object-based library that provides interactivity with canvas elements.\n6. Chart.js is tailored for creating charts and graphs and is not suitable for creating individual shapes like circles.\n7. Two.js supports various rendering types (SVG, Canvas, and WebGL) and is useful for creating 2D graphics.\n\nKeep in mind the use case, complexity, and specific features of each library when deciding which one to use for your project.\n\nPlease let me know if there is anything else that I can assist you with.","dsl":{}}

Great, now tell me the most practical library for fast writing of websites on JS with libraries.