React vs. Vue infographic | braun series comparison chart

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 atom-like UI framework symbol, right column for "Vue" with a generic layered V-shaped UI framework symbol. Use an editorial comparison layout, clean grid, vector-clean lines, balanced symmetry. Create 6 horizontal attribute rows spanning both columns, with a narrow left label rail for the attribute names, then the React value, then the Vue value. Each row must include a small icon beside the label, and subtly highlight the side that appears stronger for that specific metric using a checkmark, slightly bolder type, or a small green dot; if the comparison is effectively even or context-dependent, mark both neutrally. Bottom bar must be present but instead of a winner verdict, show a neutral one-line data summary.

Use these EXACT on-image English texts:
- Title: "React vs. Vue"
- Left column header: "React"
- Right column header: "Vue"

Row 1:
- Label: "Bundle Footprint"
- React value: "Usually larger baseline; depends on tooling"
- Vue value: "Often smaller baseline in simple apps"
- Icon: package / download size icon
- Subtle winner accent: Vue

Row 2:
- Label: "Build Energy Use"
- React value: "Can increase with larger dependency chains"
- Vue value: "Often lighter in smaller projects"
- Icon: lightning bolt / build pipeline icon
- Subtle winner accent: Vue

Row 3:
- Label: "Runtime Efficiency"
- React value: "High performance with optimization"
- Vue value: "High performance with efficient updates"
- Icon: speedometer / CPU icon
- Subtle winner accent: neutral or both

Row 4:
- Label: "Developer Time"
- React value: "Flexible but may need more setup"
- Vue value: "Often faster to start and ship"
- Icon: clock / workflow icon
- Subtle winner accent: Vue

Row 5:
- Label: "Ecosystem Scale"
- React value: "Very large ecosystem; broad reuse options"
- Vue value: "Smaller ecosystem; fewer packages to sift through"
- Icon: network / puzzle pieces icon
- Subtle winner accent: neutral or context-dependent

Row 6:
- Label: "Sustainable Maintenance"
- React value: "Strong long-term support and hiring pool"
- Vue value: "Clear structure can simplify upkeep"
- Icon: leaf / wrench icon
- Subtle winner accent: neutral or both

Bottom bar text: "Environmental impact depends on app size, tooling, and team workflow; neither framework is universally greener."

Visual style: retro pop infographic with sharp readable typography, halftone accents, rounded geometric panels, subtle paper texture, playful but precise data-viz feel, highly legible labels, polished comparison-chart aesthetic inspired by product series comparison tables. Color palette: React side accented in rich metallic gold with warm cream and charcoal support tones; Vue side accented in cool metallic silver with soft gray and deep slate support tones. Two-tone contrast must be clear, one accent color per side. Mood: balanced, informative, crisp, honest, no hype. No real brand logos; use only generic framework-like symbols and generic icons. Ensure all text is sharp and readable, with clear row separators and aligned values. 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.