写真のような画面の出力DxLidで出力をする方法

写真のような値によって円の輪郭がカラーで塗られるプログラムをDxLidで作りたいのですが、プログラムの方法が分からなくて…
なるべくほかのプログラムに合わせて使えそうなプログラムを教えてください。

該当のソースコード

c++,DxLib

試したこと

曲線のプログラムをネットで調べたら、こんなのが出ました。
#include "DxLib.h"
#include <math.h>

// DrawLine を行う数
#define LINE_NUM (256)

// 描画する sin の角度の範囲
#define ANGLE_AREA (DX_PI * 6.0f)

// 一回の DrawLine で描画する角度の範囲
#define UNIT_ANGLE (ANGLE_AREA / LINE_NUM)

// 描画範囲の幅と高さ
#define DRAW_W (640)
#define DRAW_H (200)

int WINAPI WinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, LPSTR lpCmdLine, int nCmdShow)
{
float angle;
float Sin1, Sin2;

// ウインドウモードで起動
ChangeWindowMode(TRUE);

// ＤＸライブラリの初期化
if (DxLib_Init() < 0) return -1;

// 描画先を裏画面にする
SetDrawScreen(DX_SCREEN_BACK);

// サインカーブの描画開始角度を初期化
angle = 0.0f;

// メインループ
while (ProcessMessage() == 0)
{
	// 画面のクリア
	ClearDrawScreen();

	// サインカーブの描画開始角度を更新
	angle += 0.1f;

	// サインカーブの描画
	Sin1 = (float)sin(angle);
	for (int i = 0; i < LINE_NUM; i++)
	{
		Sin2 = (float)sin(angle + (i + 1) * UNIT_ANGLE);
		DrawLine(
			i * DRAW_W / LINE_NUM,
			Sin1 * DRAW_H + 240,
			(i + 1) * DRAW_W / LINE_NUM,
			Sin2 * DRAW_H + 240,
			GetColor(255, 255, 255)
		);
		Sin1 = Sin2;
	}

	// 裏画面の内容を表画面に反映
	ScreenFlip();
}

// ＤＸライブラリの後始末
DxLib_End();

// ソフトの終了
return 0;

}

でも、これは、自分の求めているものではなくて、困っています。