Untitled

100%

✓ Published0🌍 Public

Last edited Jan 30, 2020

Created on Jan 30, 2020

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

PERT chart

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.

JJoker-tr

80% 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

62% 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

61% 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

61% 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

58% 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

58% 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

58% match

Loading thumbnail…

Untitled

This example visualizes operating room schedules as an animated stacked bar chart, showing patient transfer, preparation, operation, and cleanup phases across multiple groups over time. Each horizontal bar represents a procedure timeline, with colored segments for planned versus actual durations. The chart uses D3 v5 with SVG transitions, loading CSV data and mapping it through a linear scale for time and an ordinal scale for color-coded groups. Rectangles animate their width and x-position on load to reveal the temporal structure. Tooltips and hover effects are configured through the d3-tip library and CSS styling.

Cchrisp76

57% match