前端代码如何写出带交互效果的八卦图？

Question

要用前端代码写这样的一个图形；
需要达到的交互效果是：

1. 当鼠标移动到里面某个区域时，该扇形区域变成灰色块

2. 并且对应的外圈，边框变成红色