Skip to main content
100%

Resume

✓ Published0🌍 Public
Aal1s
Last edited Jan 29, 2018
Created on Aug 29, 2017

This resume visualization transforms the developer’s career history into an interactive, scroll-driven timeline. It shows work experience, skills, projects, and publications as nodes and text blocks arranged along a vertical path. The page uses React to manage state and rendering, with D3’s `forceSimulation` for node layout and CSS transitions for smooth scrolling animations. Data is hardcoded in a markdown file, parsed into structured sections. The visualization emphasizes chronological flow and skill grouping rather than spatial hierarchy.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist d48666ba0aaed38491ff5ccd5214c9a2

This example is a resume presented as a single-page, data-driven document. It shows the candidate's professional summary, technical skills, project history, and education. The visualization is built with React and leverages the D3.js library to create a custom layout for the resume's content. The code uses `d3.forceSimulation` to position the various sections, likely creating a network or bubble-like arrangement. The data is sourced directly from the resume text, which is parsed and rendered through a React component, demonstrating a non-traditional, interactive approach to displaying structured personal information.

AAbiyMelaku
80% match
Loading thumbnail…

Gist bdbc9e7fea0925a8a7abac0066804aef

A React component builds an interactive curriculum vitae where a force-directed graph represents professional experience and skills. Using d3.forceSimulation, the layout positions connected nodes for each role, skill, and technology, with links showing relationships between them. The visualization reads from embedded CV data, allowing users to explore career history and technical expertise through an animated, zoomable network.

SSleepyHarry
79% match
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
79% match
Loading thumbnail…

Gist 0e2d25c5a6ad6d6449636f60b210e178

This interactive resume visualizes Abiy Melaku’s career history and technical skills using a custom React and D3.js interface. The view presents a network-style layout where each professional role and project appears as a distinct node, with connectors linking to relevant technologies and keywords from the resume. Built with React for component state and D3’s force simulation for spatial arrangement, the visualization lets viewers hover over nodes to reveal detailed descriptions of responsibilities and tools. The code directly parses the resume’s structured text data, mapping each bullet point and section into interactive, color-coded elements that update in real time.

AAbiyMelaku
78% match
Loading thumbnail…

Resume

This interactive resume presents Jane Hazen Willborn’s professional history as a visual document. The page displays project cards for her work, including ShanHai, a clickable world map built with React, Redux, and d3, alongside a Rails backend. Each project entry details its tech stack, such as Ruby, Sinatra, and Twilio APIs for the texting app, and highlights honors and professional experience in China. The layout renders her software engineering background and Mandarin fluency as a single, scrollable infographic, drawing directly from the resume’s structured data.

JJaneHazen
78% match
Loading thumbnail…

Gist a18bad73d3fd33da75903d11c908bef1

This example presents a static resume styled as a single-page document, using a clean typographic layout to organize professional experience, skills, and education. The visualization is built with React, though the core rendering relies on standard HTML and CSS for text hierarchy and spacing. The code does not employ any data-driven JavaScript libraries like D3.js or canvas APIs; instead, it displays the resume content directly from a local Markdown-like structure. The result is a straightforward, readable presentation of the candidate’s career history, with no interactive or animated elements.

AAbiyMelaku
77% 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
76% 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
75% match