3 дива - нижний целый круг, над ним две полуокружности другого цвета, вращающиеся вокруг центра нижнего круга (вернее одна неподвижна - закрывает половину нижнего круга, а друга накладывается сверху и поворачивается докрашивая нужную часть второй половины). Цвета всех элементов меняются в зависимости от того какого цвета нужно больше получить на диаграмме.