Установить не сложно. Сначала команда
cabal update
Потом
cabal install aeson
Это для первой библиотеки.
cabal install http-conduit
Это для второй.
Потом надо из еще в cabal-файле проекта прописать.... Или вы stack-ом собираете?
Вообще, сам новичек, мало что могу сказать.
Больше советов можно получить на телеграм-канале
@haskell_learn

Я бы попробовал составить две формулы.
1. Скорость изменения переменной в зависимости от текущих показаний джойстик.
2. Максимальное значение переменной в зависимости от текущих показаний джойтстка.

Ну, и по ним считал переменную.
Есть показания джойстика. Считаем скорость и максимальное значение. Прибавляет скорость к текущему значению переменной. Если результат меньше максимума - это новое значение переменной, если больше - приравнивается переменную к максимуму.
В отрицательном направлении аналогично.

Математика, 3-й класс
X+0.3*Y = Y
X = Y - 0.3*Y
X = 0.7 * Y
Y = X / 0.7

Если я правильно понимаю, конструкция во вложении цикле
fill(......
заполняет всю строку заданным значением. Вот ее и надо заменить на заполнение столбца. Наверное, понадобится еще один вложенный цикл,, чтобы пройти по всем строкам, и записать в заданную ячейку значение.

Должно получиться что-то типа такого:

vector> make_gradient(int height, int width)
{
assert(height > 0 && width > 0);

int cf = width / 255;
int color = 0;
vector> result(height, vector(width));
for (int i = 0; i < height ; i += cf)
{
for (int j = 0; j < cf; ++j)
{
for (Int z =0, z < width, z++)
{
result[z][i+j] = color % 255:
}
}
color++;
}
stable_sort(result.begin(), result.end());
return result;
}

int main(int argc, char *argv[])
{
ofstream file;

file.open(argv[1]);

if (!file)
{
cout << "can't open file" << endl;
return 0;
}

file << "P5" << "\n";

file << numrows << " " << numcols << "\n";

file << 255 << "\n";

vector> pixmap;

for_each(pixmap.begin(), pixmap.end(), [&](const auto& v) {
copy(v.begin(), v.end(), ostream_iterator{file, ""});
});

file.close();
}

Надеюсь, нигде не ошибся с координатами :)