edward_freedom

const average = arr => arr.reduce((acc, n) => acc + n, 0) / arr.length;
const extractValues = (group, item, key) => item[key].forEach(n => ((group.values[n.id] ||= { id: n.id, name: n.name })[key] ||= []).push(n.value));

const result = Object
  .values(arr
    .flatMap(n => n.properties.groups)
    .reduce((acc, n) => (
      acc[n.id] ||= {
        id: n.id,
        name: n.name,
        wellBeing: [],
        values: {},
      },
      acc[n.id].wellBeing.push(n['well-being']),
      extractValues(acc[n.id], n, 'needs'),
      extractValues(acc[n.id], n, 'provision'),
      acc
    ), {}))
  .map(n => ({
    id: n.id,
    name: n.name,
    value: average(n.wellBeing),
    values: Object.values(n.values).map(m => (
      m.needs = average(m.needs),
      m.provision = average(m.provision),
      m
    ))
  }));

Console.WriteLine($"Площадь вашего круга!  {pi * (Math.Pow(x, 2))});

[XmlRoot(ElementName = "radiostation")]
public class Radiostation
{
    [XmlElement(ElementName = "country")]
    public string Country { get; set; }
    [XmlElement(ElementName = "genre")]
    public string Genre { get; set; }
    [XmlElement(ElementName = "subgenre")]
    public string Subgenre { get; set; }
    [XmlElement(ElementName = "title")]
    public string Title { get; set; }
    [XmlElement(ElementName = "urlwww")]
    public string Urlwww { get; set; }
    [XmlElement(ElementName = "ico")]
    public string Ico { get; set; }
    [XmlAttribute(AttributeName = "name")]
    public string Name { get; set; }
}

[XmlRoot(ElementName = "users")]
public class Users
{
    [XmlElement(ElementName = "radiostation")]
    public Radiostation Radiostation { get; set; }
}

Encoding.RegisterProvider(CodePagesEncodingProvider.Instance);

public class Questions
{
    public string Question { get; set; }
    public string Theme { get; set; }
    public string Description { get; set; }
    public string QuestionEn { get; set; }
    public string DescrEn { get; set; }
}

const string FilePath = "sample.xls";
var qs = new List<Questions>();

using var stream = File.Open(FilePath, FileMode.Open, FileAccess.Read);
using var reader = ExcelReaderFactory.CreateReader(stream);
do
{
    while (reader.Read())
    {
        var question = reader.GetString(0);
        var theme = reader.GetString(1);
        var description = reader.GetString(2);

        qs.Add(new Questions()
        {
            Question = question,
            Theme = theme,
            Description = description
        });
    }
} while (reader.NextResult());

foreach(var q in qs)
{
    Console.WriteLine($"{q.Question}");
    Console.WriteLine($"{q.Theme}");
    Console.WriteLine($"{q.Description}");
    Console.WriteLine(new string('-', Console.WindowWidth));
}

Индейцы в знак примирения хлопали в ладоши
history
Они закапывали топор войны
----------------------------------------------------------------------------------------------------
Моряки пропитывали свою одежду смолой, чтобы она не рвалась
history
Чтобы она не пропускала воду
----------------------------------------------------------------------------------------------------

public static int NextId(int[] ids)
		{
			for (int i = 0; i < ids.Length; i++)
			{
				if (Array.IndexOf(ids, i) == -1)
				{
					return i;
				}
			}
			return ids.Length;
		}

1. Элементы размещаете просто в сетку с помощью inline-block/float/flex/grid - как привычнее.
   
2. Родителю задаёте относительное позиционирование, в него помещаете абсолютный элемент на всю ширину/высоту с небольшим запасом, на котором будете рисовать SVG.
   
3. Как нарисуется - на js считаете ключевые точки (координаты), через которые нужно провести линии.
   
4. Динамически рисуете SVG по вашим ключевым точкам.
   О том, какие варианты вообще есть, можно почитать на MDN, например.
   Выглядеть это будет примерно так:
   
   
   
   В вашем случае рекомендую использовать кривые Безье. Здесь мне нужно было сделать полукруг, поэтому я использовал дуги, у вас же просто статичная величина закругления.
   
5. На ресайз окна считаете ключевые точки заново и перерисовываете SVG.
   
6. Опционально заморачиваетесь и добавляете сверху ещё один путь, который по скроллу будет "заполняться"
   

const str = "sdfASfsAFgbd1232b3b2j3b5b23hb5";
    const sumNumbers = str.match(/\d+/g).join('').length;
    const sumLetters = str.match(/[a-z]/gi).join('').length;
    console.log(sumNumbers, sumLetters);

const splitArr = (arr, chunks) =>
  Array.from(
    { length: chunks },
    (_, c) => arr.filter((n, i) => i % chunks === c)
  );

const splitArr = (arr, chunks) =>
  arr.reduce((acc, n, i) => (
    (acc[i % chunks] = acc[i % chunks] || []).push(n),
    acc
  ), []);

const xxx = ([...str]) => [...new Set(Array.from(
  { length: str.length * 10 },
  (n, i) => str.map((m, j) => (j === (i / 10 | 0)) ? i % 10 : m).join('')
))];