React vs Vue infographic with comparison chart layout

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" with a generic red component-node symbol, right column for "Vue" with a generic teal layered-framework symbol. Create 6 horizontal attribute rows spanning both columns, with a narrow left label rail for the attribute name, then the React value, then the Vue value, plus a small row icon. For each row, subtly highlight the side that wins using a small green checkmark, slightly bolder text, or a soft accent dot; keep it honest and balanced, with some rows favoring React, some Vue, and some close. Use these exact on-image English labels and values:
Row 1 label: "Learning Curve"; React: "Moderate — JSX and ecosystem choices add complexity"; Vue: "Easier — approachable templates and gentle onboarding"; icon: graduation cap; winner: Vue.
Row 2 label: "Flexibility"; React: "High — build your stack your way"; Vue: "Moderate — more guided conventions"; icon: sliders; winner: React.
Row 3 label: "Ecosystem"; React: "Massive — broad library and job market support"; Vue: "Strong — solid official tools, smaller overall reach"; icon: toolbox; winner: React.
Row 4 label: "Performance"; React: "Fast — excellent in well-optimized apps"; Vue: "Fast — efficient defaults and responsive updates"; icon: speedometer; winner: "Tie" with neutral emphasis.
Row 5 label: "Scalability"; React: "Excellent — popular for large complex applications"; Vue: "Very good — scales well with clear patterns"; icon: building blocks; winner: React.
Row 6 label: "Simplicity"; React: "More setup decisions — freedom with trade-offs"; Vue: "Cleaner start — integrated patterns feel straightforward"; icon: checklist; winner: Vue.
Bottom bar: one-line balanced verdict in English: "React wins on flexibility and ecosystem; Vue wins on simplicity and onboarding — the best choice depends on team needs and project scale." Visual style: sketch / whiteboard infographic, hand-drawn marker accents but sharp readable typography, clean grid, vector-clean lines, balanced symmetry, editorial comparison layout, clean grid, vector-clean lines, balanced symmetry. Color palette: off-white whiteboard background, charcoal text, red accent for React side, teal accent for Vue side, with light gray dividers and subtle green/red win markers. Mood: honest, practical, modern, approachable, product-comparison focused. Ensure all on-image text is crisp, high-contrast, and easy to read. No real brand logos; use only generic symbols inspired by the subject. 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.