{"observation":{"id":"a131ca60-0b5b-498d-af60-7d27a5ff8b29","tool":"gemini-canvas","tool_name":"Gemini Canvas","criterion":"output-quality","criterion_name":"Output Quality","criterion_definition":"Conceptually matches the prompt and is visually usable.","criterion_evidence_type":"transformation","criterion_rank_role":"decisive","criterion_rank_role_reason":"The tool is being chosen to produce usable code-based animations, so conceptual match to the prompt and visual usability are core success criteria. (3 of 3 judges)","scenario":"search-engines-basics-explainer","scenario_name":"Search engines basics explainer","group_tag":null,"scenario_description":"A vague, linear educational animation prompt asking the tool to explain how search engines work with minimal guidance. Designed to stress inference, scene structuring, pacing, and coherent visual flow from an underspecified request.","modality":"text","input_text":"Create an animation video explaining how search engines work.","input_artifact_refs":[],"stresses":[],"verdict":"mixed","score":null,"score_total":null,"note":"Keeps the animation inside a macOS-style tab frame with a very small aspect ratio, which makes the result feel presentation-like rather than like a full motion-graphics video.","evidence_state":"observed","source":"first-party","artifacts":[{"url":"https://d3epheqghktydj.cloudfront.net/gemini-canvas-screen-recording-2026-05-04-120930.mp4","role":"context","alt":"Gemini Canvas — Screen Recording 2026-05-04 120930.mp4"}],"run_id":"c751a76b-a105-4b3e-9ff3-6c4d6adc9f04","study_title":"Generate Code-based Animations from text inputs","study_kind":"backfill","research_task":"86b9nnzmy","tested_at":"2026-06-24T08:34:34.142000+00:00","completeness":"input-and-output","input":{"state":"text","text":"Create an animation video explaining how search engines work.","files":[],"modality":"text","stresses":[]},"tool_page_slug":null,"tool_url":null,"permalink":"https://aidemos.com/evidence/a131ca60-0b5b-498d-af60-7d27a5ff8b29","api_url":"https://ai.aidemos.com/v1/observations/a131ca60-0b5b-498d-af60-7d27a5ff8b29"},"peers":[{"id":"5a63f48b-4d4b-4175-9fa4-c907315be462","tool":"animg","tool_name":"AnimG","verdict":"mixed","score":null,"score_total":null,"note":"Matches the approved search-engine workflow concept, but the final animation stays visually basic and shows minor clutter even on the low-complexity scene.","artifact_count":2,"thumbnail":"https://d3epheqghktydj.cloudfront.net/animg-20260419-090730-searchengineworkflow.mp4","evidence_url":"https://aidemos.com/evidence/5a63f48b-4d4b-4175-9fa4-c907315be462"},{"id":"bae09520-6cfa-40cc-a95e-776d599142a6","tool":"antigravity","tool_name":"Antigravity","verdict":"worked","score":null,"score_total":null,"note":"Produces a visually readable 15-second explainer that presents crawling, indexing, ranking, and serving in sequence.","artifact_count":1,"thumbnail":"https://d3epheqghktydj.cloudfront.net/antigravity-output.mp4","evidence_url":"https://aidemos.com/evidence/bae09520-6cfa-40cc-a95e-776d599142a6"},{"id":"cdfe3d65-164a-4c24-a556-0d75b593be5c","tool":"chatgpt-canvas","tool_name":"ChatGPT Canvas","verdict":"mixed","score":null,"score_total":null,"note":"Can match the requested topic, but the first-pass visual output is only a plain horizontal flowchart with text-only nodes, overflowing labels, and no icons or hierarchy, so it is not visually polished.","artifact_count":1,"thumbnail":"https://d3epheqghktydj.cloudfront.net/chatgpt-canvas-screen-recording-2026-04-30-170046.mp4","evidence_url":"https://aidemos.com/evidence/cdfe3d65-164a-4c24-a556-0d75b593be5c"},{"id":"2d00ddc3-5c2f-4e48-ab54-e9b6cdfb2ac0","tool":"claude-artifacts","tool_name":"Claude Artifacts","verdict":"worked","score":null,"score_total":null,"note":"Delivered a polished animation with smooth motion, clean hierarchy, and a recognizable search-engine workflow.","artifact_count":1,"thumbnail":"https://d3epheqghktydj.cloudfront.net/claude-artifacts-screen-recording-2026-04-30-141425.mp4","evidence_url":"https://aidemos.com/evidence/2d00ddc3-5c2f-4e48-ab54-e9b6cdfb2ac0"},{"id":"196fc12d-b1d5-46bc-823b-797983bce1b4","tool":"grok","tool_name":"Grok","verdict":"failed","score":null,"score_total":null,"note":"Produces a cluttered, webpage-like result with overlapping elements, cramped spacing, and no clear motion-graphics hierarchy.","artifact_count":1,"thumbnail":"https://d3epheqghktydj.cloudfront.net/grok-grok.mp4","evidence_url":"https://aidemos.com/evidence/196fc12d-b1d5-46bc-823b-797983bce1b4"},{"id":"0da2a252-41c7-4636-bdfb-32bc3df40e96","tool":"remotionvideo","tool_name":"RemotionVideo","verdict":"worked","score":null,"score_total":null,"note":"Produces a clean, polished explainer that visually communicates a 3-step crawl → index → rank flow with no overlap or layout clutter.","artifact_count":1,"thumbnail":"https://d3epheqghktydj.cloudfront.net/remotionvideo-589f02b7-33c6-43cd-9d90-262a33680d94.mp4","evidence_url":"https://aidemos.com/evidence/0da2a252-41c7-4636-bdfb-32bc3df40e96"},{"id":"31d4ba1b-655a-4062-ae44-4c5622c0e687","tool":"replit","tool_name":"Replit","verdict":"worked","score":null,"score_total":null,"note":"Delivers clean motion graphics with clear sequencing and visual hierarchy, making the explanation immediately understandable.","artifact_count":1,"thumbnail":"https://d3epheqghktydj.cloudfront.net/replit-search-engine-explainer-apr-18-15-53-35.mp4","evidence_url":"https://aidemos.com/evidence/31d4ba1b-655a-4062-ae44-4c5622c0e687"}],"other_criteria":[{"id":"23138cac-317e-4e2a-a9a8-f9b791df45e4","criterion":"code-generation-quality","criterion_name":"Code Generation Quality","rank_role":"decisive","verdict":"worked","score":null,"score_total":null,"note":"Produces syntactically correct HTML/CSS/JavaScript on the first attempt for a basic explainer animation.","artifact_count":1,"evidence_url":"https://aidemos.com/evidence/23138cac-317e-4e2a-a9a8-f9b791df45e4"},{"id":"2a19af96-2f50-4f7a-8fce-d4b9dae47cf5","criterion":"code-generation-quality","criterion_name":"Code Generation Quality","rank_role":"decisive","verdict":"worked","score":null,"score_total":null,"note":"Generates syntactically correct HTML/CSS/JavaScript on the first attempt; the page ran immediately as a self-contained animation.","artifact_count":1,"evidence_url":"https://aidemos.com/evidence/2a19af96-2f50-4f7a-8fce-d4b9dae47cf5"},{"id":"0b96b077-f996-480f-b1d6-d1babe8e7899","criterion":"input-handling","criterion_name":"Input Handling","rank_role":"decisive","verdict":"worked","score":null,"score_total":null,"note":"The tool can accept a plain-language animation prompt and infer a complete implementation stack and scene structure without needing the framework to be specified.","artifact_count":0,"evidence_url":"https://aidemos.com/evidence/0b96b077-f996-480f-b1d6-d1babe8e7899"},{"id":"b33eb8e1-1245-43cf-8199-182f80ebc694","criterion":"input-handling","criterion_name":"Input Handling","rank_role":"decisive","verdict":"worked","score":null,"score_total":null,"note":"Accepted a vague animation brief and still selected a complete HTML/CSS/JavaScript implementation without the user specifying a framework, showing it can infer a workable structure from underspecified input.","artifact_count":1,"evidence_url":"https://aidemos.com/evidence/b33eb8e1-1245-43cf-8199-182f80ebc694"},{"id":"5905f16b-d555-487c-8adc-57d2f61ec971","criterion":"input-handling","criterion_name":"Input Handling","rank_role":"decisive","verdict":"worked","score":null,"score_total":null,"note":"Accepts a minimal search-engine prompt and infers a complete 3-step structure—crawling, indexing, and ranking—without needing the framework spelled out.","artifact_count":1,"evidence_url":"https://aidemos.com/evidence/5905f16b-d555-487c-8adc-57d2f61ec971"},{"id":"bc790ae7-9b94-4532-b689-11b3d5bfa683","criterion":"input-handling","criterion_name":"Input Handling","rank_role":"decisive","verdict":"worked","score":null,"score_total":null,"note":"Accepts a plain-language animation prompt and infers the full search workflow without needing a detailed implementation spec.","artifact_count":1,"evidence_url":"https://aidemos.com/evidence/bc790ae7-9b94-4532-b689-11b3d5bfa683"}],"appears_in":[{"page_type":"ranking","slug":"code-animation-generators","title":"Best AI Tools for Generating Code-Based Animations from Text Prompts","url":"https://aidemos.com/best/code-animation-generators","binding":"run"},{"page_type":"use-case","slug":"generate-code-animation-videos","title":"Generate Code-Based Animation Videos from Text Prompts Using AI","url":"https://aidemos.com/use-cases/generate-code-animation-videos","binding":"run"}],"same_scenario":[{"id":"5a63f48b-4d4b-4175-9fa4-c907315be462","tool":"animg","tool_name":"AnimG","verdict":"mixed","score":null,"score_total":null,"note":"Matches the approved search-engine workflow concept, but the final animation stays visually basic and shows minor clutter even on the low-complexity scene."},{"id":"bae09520-6cfa-40cc-a95e-776d599142a6","tool":"antigravity","tool_name":"Antigravity","verdict":"worked","score":null,"score_total":null,"note":"Produces a visually readable 15-second explainer that presents crawling, indexing, ranking, and serving in sequence."},{"id":"cdfe3d65-164a-4c24-a556-0d75b593be5c","tool":"chatgpt-canvas","tool_name":"ChatGPT Canvas","verdict":"mixed","score":null,"score_total":null,"note":"Can match the requested topic, but the first-pass visual output is only a plain horizontal flowchart with text-only nodes, overflowing labels, and no icons or hierarchy, so it is not visually polished."},{"id":"2d00ddc3-5c2f-4e48-ab54-e9b6cdfb2ac0","tool":"claude-artifacts","tool_name":"Claude Artifacts","verdict":"worked","score":null,"score_total":null,"note":"Delivered a polished animation with smooth motion, clean hierarchy, and a recognizable search-engine workflow."},{"id":"196fc12d-b1d5-46bc-823b-797983bce1b4","tool":"grok","tool_name":"Grok","verdict":"failed","score":null,"score_total":null,"note":"Produces a cluttered, webpage-like result with overlapping elements, cramped spacing, and no clear motion-graphics hierarchy."},{"id":"0da2a252-41c7-4636-bdfb-32bc3df40e96","tool":"remotionvideo","tool_name":"RemotionVideo","verdict":"worked","score":null,"score_total":null,"note":"Produces a clean, polished explainer that visually communicates a 3-step crawl → index → rank flow with no overlap or layout clutter."},{"id":"31d4ba1b-655a-4062-ae44-4c5622c0e687","tool":"replit","tool_name":"Replit","verdict":"worked","score":null,"score_total":null,"note":"Delivers clean motion graphics with clear sequencing and visual hierarchy, making the explanation immediately understandable."}]}