Swallowed Star Wiki

Movie came out. It was mid!
Change My Mind

READ MORE

Swallowed Star Wiki
Advertisement
Swallowed Star Wiki
Work In Progress
This page is currently under construction. Help out by expanding it.

Any chart from https://echarts.apache.org/examples/en/index.html can be implemented. There are tons of options available as well https://echarts.apache.org/en/option.html#title
Refreshing the page may be needed after editing a Chart.

Gender[]

{
  color: ['rgb(31,81,255)', 'rgb(255,71,170)', '#fac858'],
  tooltip: {
    trigger: 'item',
    formatter: '{a} <br>{b}: {c} ({d}%)'
  },
  legend: {
    top: 'auto',
    left: 'center',
    textStyle: {
      color: "#FFFFFF"
    }
  },
  series: [
    {
      top: "5%",
      name: 'Edit Count',
      type: 'pie',
      radius: ['50%', '80%'],
      avoidLabelOverlap: false,
      itemStyle: {
        borderRadius: 10,
        borderColor: '#fff',
        borderWidth: 2
      },
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: 40,
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 713, name: 'Male ♂' },
        { value: 104, name: 'Female ♀' },
        { value: 203, name: 'Unspecified Gender' },
      ]
    }
  ]
}

Eye Color[]

{
  color: ['Black', 'Blue', '#533621', '#8B0000', 'Gold', 'Green', 'Grey', '#9d55f7', 'Purple', 'Red', 'Silver', 'Turquoise', 'Yellow'],
  tooltip: {
    trigger: 'item',
    formatter: '{a} <br>{b}: {c} ({d}%)'
  },
  legend: {
    top: '1%',
    left: 'center',
    textStyle: {
      color: "#FFFFFF"
    }
  },
  series: [
    {
      top: "10%",
      name: 'Color Distribution',
      type: 'pie',
      radius: ['50%', '80%'],
      avoidLabelOverlap: false,
      itemStyle: {
        borderRadius: 10,
        borderColor: '#fff',
        borderWidth: 2
      },
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: 40,
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 5, name: 'Black Eyes' },
        { value: 14, name: 'Blue Eyes' },
        { value: 45, name: 'Brown Eyes' },
        { value: 6, name: 'Dark Red Eyes' },
        { value: 10, name: 'Gold Eyes' },
        { value: 9, name: 'Green Eyes' },
        { value: 3, name: 'Grey Eyes' },
        { value: 1, name: 'Lavender Eyes' },
        { value: 6, name: 'Purple Eyes' },
        { value: 7, name: 'Red Eyes' },
        { value: 1, name: 'Silver Eyes' },
        { value: 2, name: 'Turquoise Eyes' },
        { value: 2, name: 'Yellow Eyes' },
      ]
    }
  ]
}

Life Gene[]

{
  tooltip: {
    trigger: 'item',
    formatter: '{a} <br>{b}: {c} ({d}%)'
  },
  legend: {
    top: '1%',
    left: 'center',
    textStyle: {
      color: "#FFFFFF"
    }
  },
  series: [
    {
      top: "10%",
      name: 'Life Gene',
      type: 'pie',
      radius: ['50%', '80%'],
      avoidLabelOverlap: false,
      itemStyle: {
        borderRadius: 10,
        borderColor: '#fff',
        borderWidth: 2
      },
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: 40,
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 8, name: 'Life Gene below 10' },
        { value: 7, name: 'Life Gene 10+' },
        { value: 9, name: 'Life Gene 100+' },
        { value: 10, name: 'Life Gene 1000+' },
        { value: 124, name: 'Life Gene 10000+' },
      ]
    }
  ]
}

Edits (Manual rn)[]

{
  tooltip: {
    trigger: 'item',
    formatter: '{a} <br>{b}: {c} ({d}%)'
  },
  legend: {
    top: 'auto',
    left: 'center',
    textStyle: {
      color: "#FFFFFF"
    }
  },
  series: [
    {
      top: "5%",
      name: 'Gender Distribution',
      type: 'pie',
      radius: ['50%', '80%'],
      avoidLabelOverlap: false,
      itemStyle: {
        borderRadius: 10,
        borderColor: '#fff',
        borderWidth: 2
      },
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: 40,
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 10074, name: 'Avenging Angel' },
        { value: 14759, name: 'Peacock Plume' },
        { value: 7340, name: 'UchihaHunter' },
        { value: 3691, name: 'SayhZer' },
        { value: 5594, name: 'Randoms' },
      ]
    }
  ]
}

Achievement Points (Manual rn)[]

{
  tooltip: {
    trigger: 'item',
    formatter: '{a} <br>{b}: {c} ({d}%)'
  },
  legend: {
    top: 'auto',
    left: 'center',
    textStyle: {
      color: "#FFFFFF"
    }
  },
  series: [
    {
      top: "5%",
      name: 'Achievement Points',
      type: 'pie',
      radius: ['50%', '80%'],
      avoidLabelOverlap: false,
      itemStyle: {
        borderRadius: 10,
        borderColor: '#fff',
        borderWidth: 2
      },
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: 40,
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 32240, name: 'Avenging Angel' },
        { value: 3080, name: 'Peacock Plume' },
        { value: 4830, name: 'UchihaHunter' },
        { value: 2920, name: 'SayhZer' },
      ]
    }
  ]
}

Discord Messages (Manual rn)[]

{
  tooltip: {
    trigger: 'item',
    formatter: '{a} <br>{b}: {c} ({d}%)'
  },
  legend: {
    top: 'auto',
    left: 'center',
    textStyle: {
      color: "#FFFFFF"
    }
  },
  series: [
    {
      top: "5%",
      name: 'Discord Messages',
      type: 'pie',
      radius: ['50%', '80%'],
      avoidLabelOverlap: false,
      itemStyle: {
        borderRadius: 10,
        borderColor: '#fff',
        borderWidth: 2
      },
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: 40,
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 3768, name: 'Avenging Angel' },
        { value: 4748, name: 'Peacock Plume' },
        { value: 892, name: 'UchihaHunter' },
        { value: 1114, name: 'SayhZer' },
      ]
    }
  ]
}
Advertisement