emersons component

const likert1 = {
  id: 1,
  identifier: 'abc123',
  type: 'Likert',
  verified_at: '2023-10-01',
  title: null,
  question: 'Do you like these companies?',
  columns: [
    { id: 1, label: 'Yes', color: '#ff0000' },
    { id: 2, label: 'No', color: '#0ff000' },
  ],
  rows: [
    {
      id: 1,
      label: 'TechValidate',
      segments: [
        { column_id: 1, percentage: 40 },
        { column_id: 2, percentage: 60 },
      ],
    },
    {
      id: 1,
      label: 'UserEvidence',
      segments: [
        { column_id: 1, percentage: 90 },
        { column_id: 2, percentage: 10 },
      ],
    },
  ],
})

matches chart

const likert1 = {
  id: 1,
  identifier: 'abc123',
  type: 'Likert',
  verified_at: '2023-10-01',
  title: null,
  og_image_url: '',
  account: {},
  question: {
    id: 1,
    type: 'Matrixx',
    the_question: 'Do you like these companies?',
    effective_response_count: 12,
  }
  matrix_rows: [
    { 
      id: 1,
      the_question: 'TechValidate',
      effective_response_count: 9,
      answer_stats: [
        {
          id: 1,
          the_answer: 'Yes',
          answer_value: 1,
          count: 2,
          position: 1
        },
        {
          id: 2,
          the_answer: 'No',
          answer_value: -1,
          count: 9,
          position: 2
        }
      ]
    },
    {
      id: 2,
      the_question: 'UserEvidence',
      effective_response_count: 9,
      answer_stats: [
        {
          id: 3,
          the_answer: 'Yes',
          answer_value: 1,
          count: 10,
          position: 1
        },
        {
          id: 4,
          the_answer: 'No',
          answer_value: -1,
          count: 3,
          position: 2
        }
      ]
    }
  ],
}