import React from 'react';
import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer, LabelList } from 'recharts';
const TeamTransformationChart = () => {
const data = [
{
name: 'Trust',
before: 25,
after: 78,
beforeLabel: '25%',
afterLabel: '78%'
},
{
name: 'Communication',
before: 33,
after: 85,
beforeLabel: '33%',
afterLabel: '85%'
},
{
name: 'Innovation',
before: 18,
after: 70,
beforeLabel: '18%',
afterLabel: '70%'
},
{
name: 'Engagement',
before: 30,
after: 82,
beforeLabel: '30%',
afterLabel: '82%'
},
{
name: 'Belonging',
before: 22,
after: 75,
beforeLabel: '22%',
afterLabel: '75%'
}
];
const CustomTooltip = ({ active, payload }) => {
if (active && payload && payload.length) {
return (
{payload[0].payload.name}
Before: {payload[0].value}%
After: {payload[1].value}%
Based on team self-assessment
);
}
return null;
};
return (
Team Transformation: Before & After
Impact of Team Sanctuary Map implementation on key team indicators
`${tick}%`} /> } />
Before
Low levels of trust and communication created a stagnant environment with minimal innovation and team engagement.
After
Team Sanctuary Map sessions restored psychological safety, leading to improved communication and a significant boost in innovation.
Data collected from team self-assessment before and 4 weeks after Team Sanctuary Map implementation
);
};
export default TeamTransformationChart;