Как реализовать такое облако слов?

Вроде сделал, но не получается вращать виртуальную сферу, как это можно поправить?

function fibonacciSphere(numPoints, point) {
  const rnd = 1;
  const offset = 2 / numPoints;
  const increment = Math.PI * (3 - Math.sqrt(5));

  const y = point * offset - 1 + offset / 2;
  const r = Math.sqrt(1 - Math.pow(y, 2));

  const phi = ((point + rnd) % numPoints) * increment;

  const x = Math.cos(phi) * r;
  const z = Math.sin(phi) * r;

  return new THREE.Vector3(x, y, z);
}

const loader = new FontLoader();

const group = new THREE.Group();

function main() {
  const fov = 75;
  const aspect = 2; // the canvas default
  const near = 0.1;
  const far = 100;
  const camera = new THREE.PerspectiveCamera(fov, aspect, near, far);
  camera.position.z = 2;

  const scene = new THREE.Scene();

  function addTextNode(text, vert) {
    loader.load("./fonts/Fira.json", function (font) {
      const geometry = new TextGeometry(text, {
        font: font,
        size: 0.16,
        height: 0.01,
      });
      const material = new THREE.MeshBasicMaterial({ color: 0xffff00 });
      const mesh = new THREE.Mesh(geometry, material);
      mesh.position.x = vert.x;
      mesh.position.y = vert.y;
      mesh.position.z = vert.z;

      group.add(mesh);
      scene.add(group);
    });
  }

  const renderer = new THREE.WebGLRenderer();
  const container = document.querySelector("#root");
  container.appendChild(renderer.domElement);

  const numPoints = 50;
  for (let i = 0; i < numPoints; ++i) {
    addTextNode(`p${i}`, fibonacciSphere(numPoints, i));
  }

  function render(time) {

    // group.rotation.x += 0.01;
     scene.traverse((child) => {
      child.children.map((el) => {
        el.quaternion.copy(camera.quaternion);
      });
    })
    renderer.setSize(container.clientWidth, container.clientHeight);
    const canvas = renderer.domElement;
    camera.aspect = canvas.clientWidth / canvas.clientHeight;
    camera.updateProjectionMatrix();

    renderer.render(scene, camera);

    requestAnimationFrame(render);
  }

  requestAnimationFrame(render);
}

main();

Как убрать пустое место в grid?

imko, да, я же скинул ссылку на песочницу

Как убрать пустое место в grid?

imko, https://codesandbox.io/s/jovial-architecture-zk4cht
Применил для items grid-auto-flow: row;

Как убрать пустое место в grid?

imko, все равно пустое место не заполняется остальными элементами(

Как убрать пустое место в grid?

Сергей delphinpro, https://codepen.io/MadnessTony/pen/xxQGNBY

Как убрать пустое место в grid?

Мне нужно убрать пустое место и поставить туда следующие элементы, а не заполнить его тем же элементом

Как реализовать динамическое добавление меток на карту?

Проблема в том, что мне нужно удалять не конкретную метку, а просто определенное количество добавлять и удалять на изменение инпута

Как избавиться от ошибки Object possibly undefined?

Александр,

Как избавиться от ошибки Object possibly undefined?

Если проверить так
if (results.length) { return ... }
Все равно выйдет ошибка