Mapa comparativo React vs. Vue en infografía editorial

Side-by-side comparison infographic titled "React vs. Vue" (in English). Split the canvas vertically into TWO clearly separated columns with balanced symmetry: left column for "React" headed by a generic atom-like UI symbol, right column for "Vue" headed by a generic layered V-shaped UI symbol. Create 7 horizontal attribute rows spanning both columns, with a narrow left label rail for row titles and small matching icons. Each row must show the attribute label in English, the React value, the Vue value, and a subtle winner highlight using a checkmark, slightly bolder type, or a green dot where appropriate. Keep the comparison honest, beginner-friendly, and balanced.

Use these EXACT on-image text labels and values:
1. Label: "Learning Curve" — React: "Moderate" — Vue: "Easier to start" — winner highlight: Vue
2. Label: "Syntax Style" — React: "JSX-based" — Vue: "HTML-like templates" — winner highlight: neither, balanced
3. Label: "Flexibility" — React: "Very flexible" — Vue: "More guided structure" — winner highlight: React
4. Label: "Ecosystem" — React: "Huge ecosystem" — Vue: "Strong core tools" — winner highlight: React
5. Label: "Boilerplate" — React: "Often more setup" — Vue: "Usually less setup" — winner highlight: Vue
6. Label: "Community & Jobs" — React: "Larger market" — Vue: "Growing community" — winner highlight: React
7. Label: "Best For" — React: "Custom large apps" — Vue: "Fast onboarding" — winner highlight: balanced, one win each by nuance

Add a bottom verdict bar with this EXACT one-line text: "React wins on flexibility and ecosystem; Vue wins on ease of learning and setup." 

Visual style: bold magazine spread, editorial comparison layout, clean grid, vector-clean lines, balanced symmetry, sharp readable typography, high contrast, crisp row dividers, polished infographic aesthetic. Color palette: React side accented in vivid green, Vue side accented in rich purple, with neutral white or very light background and dark charcoal text for readability. Mood: confident, modern, approachable, informative for beginners. Use simple generic icons for each row such as book, code brackets, sliders, network nodes, wrench, people, and target. No real brand logos beyond essential generic subject symbols. Make all labels and values large, sharp, and easily legible. All text MUST be written in English (array). Every heading, label, caption, legend and metric name in the image must be in English — not English. Spell each English word correctly using English characters and diacritics. Numbers stay as digits, no real brand logos beyond what is essential for the comparison subject, no watermarks Honest, balanced comparison — no biased framing, no real brand logos unless essential to the comparison subject. Where logos appear (e.g. crypto coin symbols), use commonly understood generic representations rather than copyrighted marks.