Skip to main content
SimilarExport ZIP
100%

PERT chart

✓ Published0🌍 Public
JJoker-tr
Last edited Jan 31, 2020
Created on Jan 30, 2020
Forked from Hello VizHub

This PERT chart visualizes task dependencies and bottlenecks in a project schedule. Each node displays early start, length, early finish, late start, slack, and late finish times, with critical tasks highlighted in pink and non-critical tasks in blue. Links connecting critical nodes are also colored pink to emphasize the critical path. The example uses GoJS Diagram, LayeredDigraphLayout, and custom binding converters to dynamically compute node and link colors based on the critical property in the data.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This chart displays the critical path through a small project network using a PERT diagram. Six tasks, labeled A through BC, are shown as nodes with their durations, while arrows indicate dependencies between tasks. The AnyChart PERT API (`anychart.pert`) renders the layout, with the chart title "cpm Critical Path" and data supplied as a table. It visualizes which sequence of tasks determines the overall project timeline based on the provided durations and dependency links.

JJoker-tr
80% match
Loading thumbnail…

Gant Diagramm

This Gantt chart visualizes task start and end times over a 24-hour period, with each horizontal bar colored green or red based on task status (Status "1" or "0"). The visualization uses D3.js v7 with SVG rendering, employing `d3.scaleTime` for the time axis, `d3.scaleBand` for task categories, and `d3.axisBottom`/`d3.axisLeft` for axes. Bar positions and widths derive from parsed time strings via `d3.timeParse`, while hover interactions display task details in an HTML tooltip. The data is hardcoded in the script, showing repeated reloads of License and Operations Monitors.

RRoman Polulekh
64% match
Loading thumbnail…

Gantt

This interactive Gantt chart visualizes project tasks, their durations, dependencies, and resource allocation across a timeline. It renders task bars in an SVG, with predecessor links drawn as paths and arrows to show task sequencing. A separate SVG area displays resource usage over time as an area chart, with a selector to switch between resources and an adjustable daily capacity input. The visualization uses d3.v5 for scales, axes, and SVG rendering, alongside custom JavaScript functions for date calculations and table generation from the provided task data.

Mmaxime-plantard
64% match
Loading thumbnail…

Project Schedule Visualization

This visualization shows a project schedule as a network of activities and their dependencies, with each circular node representing a task and light-blue links representing finish-to-start relationships. The data comes from the RanGen project management dataset, stored as JSON. Using d3.forceSimulation with forceX, forceY, forceCollide, and forceManyBody forces, the code positions nodes on a canvas and redraws the network on every simulation tick via the Canvas API.

RRubens
64% match
Loading thumbnail…

Gantt Chart

This Gantt chart visualizes project tasks, including development, coding, promotion, and celebration phases, as horizontal bars positioned along a linear time scale. The chart uses D3 v5 to parse dates with `d3.timeParse`, scale time with `d3.scaleTime`, and render colored rectangles within an SVG container. Task categories are distinguished by a gradient color scale using `d3.scaleLinear` with HCL interpolation. Hovering over a task reveals a tooltip with its name and duration details, while the grid and labels are also generated with D3.

JJoker-tr
64% match
Loading thumbnail…

Gantt Chart

This Gantt chart displays the timeline of five tasks, with each horizontal bar representing the duration from its start to end date. Green bars show the completed portion of each task, while red overlays indicate the remaining work based on a progress percentage. The visualization uses D3.js with an ordinal y-axis for task categories and a time-based x-axis for dates. Hovering over any bar segment reveals a tooltip showing the task name, date range, and completion percentage via mouse events. The chart includes a legend distinguishing completed from remaining statuses.

SShehroze Aamer
63% match
Loading thumbnail…

PNP - Projetos no Prazo

A data-visualization example shows the geometric composition of a project-management chart titled "PNP - Projetos no Prazo," using only basic SVG shapes: a dark blue triangle for the main indicator, four purple vertical pillars, and orange and green horizontal rectangles as foundations. The visualization uses React to render SVG elements, with d3.v5 loaded for potential utility but no explicit D3 API calls. The code defines reusable components for each shape, with colors from a separate cores module and fixed dimensions.

RRubens
62% match
Loading thumbnail…

PNP - Projetos no Prazo

This visualization shows a project management framework called "PNP - Projetos no Prazo," combining a triangular header for the main metric with four vertical pillars labeled Estrutura, Duração, Simulação, and Priorização, sitting on a base of supporting fundamentals like Análise, Qualidade, Gerenciamento do Cronograma, and Estatística. Built with React 16.12 and D3 v5, it renders entirely as SVG, using reusable React components for each structural layer. The layout uses computed gaps and fixed pillar widths to distribute elements evenly across the 320-pixel-wide composition.

RRubens
62% match