Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

First Assignment with Vue

Public visualization

First Assignment with Vue

0 stars1🌍 Public
SSerhiy Artymovych
Last edited Feb 10, 2020
Created on Feb 6, 2020
Forked from HTML Starter

A cartoon face built from SVG shapes uses Vue.js to bind eye-lash positions and dynamically generate mouth arcs with D3. The visualization renders a static portrait with hair, eyes, eyebrows, nose, and cheeks, while the mouth incorporates D3's `arc` generator to create curved lips. Vue's `v-for` directive iterates over eyelash coordinate arrays, and inline template literals construct path strings. The example demonstrates hybrid SVG rendering where D3 generates geometry and Vue manages DOM updates.

AI-generated description

Test Editor with Vue

Comments

Sign in to join the discussion.

MIT Licensed