Resume

100%

✓ Published0🌍 Public

Last edited Feb 14, 2026

Created on Feb 11, 2026

This résumé portfolio uses a scroll-triggered fade-in animation to reveal personal and professional information. The page layout is structured with a two-column grid, featuring cards for work experience, education, and skills. A blue decorative SVG icon is fixed in the top corner. The implementation relies on the IntersectionObserver API within JavaScript to add a 'visible' class, which triggers a CSS transition that animates opacity and vertical translation for each fading element.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

resume

This resume presents a two-column layout with a dark blue header and a light blue sidebar. It provides a profile summary, a left column of skills with animated progress bars and tag chips, and a right column of work experience and projects with dates and bullet points. Rendered as SVG using React and CSS, the page features hover effects on contact links and a fade-in animation on load, with data sourced from an HTML document and styled with the styles.css file.

FFanghaoMeng

84% match

Loading thumbnail…

Fork of HTML Starter

This example renders a personal resume as a single-page web document, displaying a name, contact information, technical skill tags, work experience, and education history. The page uses inline SVG icons for email and phone, along with styled HTML containers to structure the content. The interface relies on vanilla JavaScript and CSS, with a window.onload handler that sequentially triggers a fade-in animation on each resume section by adjusting its opacity and transition property.

Yyinyiwen3589@gmail.com

78% match

Loading thumbnail…

Resume

This interactive HTML resume presents a job applicant's professional profile using structured sections for a summary, skills, projects, experience, and education. The page relies on standard HTML and CSS, with JavaScript functions `showText` and `clearText` that dynamically update a message area with a specified color when triggered. The document itself is the primary data source, formatting career details into a clean, readable layout with a simple hover effect on hobby icons.

AAwrng

77% match

Loading thumbnail…

CV!

A playful, interactive résumé presents the author as a data scientist, game developer, web developer, and deep-learning researcher. Prominent, fixed text cycles through these job titles with a typewriter effect and blinking cursor, while stylized SVG eyes track the mouse cursor, shifting pupil positions left or right based on the viewer's cursor location. The project uses D3 v5 for SVG selection and rendering, plain JavaScript event listeners for mouse tracking and text animation, and CSS keyframes for the caret. Interactive behavior is driven entirely by client-side code, with no external data source.

Mmpgame8

74% match

Loading thumbnail…

Fork of React & D3 Vibecoding Starter

This resume is a single-page HTML document for a frontend engineer, presenting professional experience, skills, and contact information. It uses a decorative SVG background path and an avatar created with gradients and shapes, while a print button triggers `window.print()`. The layout is built with CSS Grid and Flexbox, featuring interactive skill bars and a copy-email button that writes to the clipboard.

YYukikaze

74% match

Loading thumbnail…

Resume

This resume presents a professional summary for a data analyst, formatted as a standard HTML page styled with a custom CSS stylesheet. Content is organized into distinct sections for skills, projects, experience, and education, with key headings highlighted in blue. The interactive element involves hovering over hobby icons displayed as large text glyphs, which triggers a scale transformation for visual feedback. The page relies on core HTML and CSS for layout and interactivity, with JavaScript utility functions for display messaging but no external libraries or data sources.

AAwrng

74% match

Loading thumbnail…

Assignment#1 Resume

This example renders a professional resume as a web page using standard HTML, CSS, and JavaScript, with embedded SVG graphics for section headers. The page displays a data analyst’s summary, technical skills, projects, and work experience, using styled text and colored rectangles to organize content. JavaScript functions `showText` and `clearText` manage a dynamic message area that responds to mouse hover events over icons. The layout relies on CSS for typography and positioning, while inline SVG elements create the visual accents. The code demonstrates a straightforward, non-interactive document-style visualization using only core web technologies.

AAwrng

73% match

Loading thumbnail…

My CV

This example visualizes a resume as an interactive timeline, plotting education, work experience, and notable events on a single horizontal axis. It uses D3.js (v3) to create SVG elements, including a time scale for positioning and an axis for reference. Work and education periods are shown as colored rectangles, while events are marked with circles and dashed connector lines. The text for each item is rotated and positioned based on an index, with the data defined in JavaScript arrays containing start and end dates. The layout places events above the axis and work history below it.

SSaminu

71% match