Сергей Соколов

Может, в svg это реализовать? С помощью библиотеки d3js, статично или даже интерактивно например и например.

Метод users.getSubscriptions() возвращает подписки юзера. Если user_id не указывать, вернёт ваши подписки. Вот такой нехитрый код в процедуре execute() (прямо на той странице его вставьте и «Выполните») вернёт два массива: ваши и его id групп:

var uid=12345; 
return {
  "my": API.users.getSubscriptions().groups.items,
  "her": API.users.getSubscriptions({"user_id":uid}).groups.items
};

В первой строке задаётся id "того юзера", с кем сравнивать.

Эти два массива остаётся сопоставить. Можно в скретч-паде браузера выполнить следующий код:

var r = 
{"response":.....} // тут целиком ответ из метода execute
;                  // и точка-с-запятой в конце.
var common = [];   // сюда попадут id общих групп
for(var i=0;i<r.response.my.length;i++){
  if( !!~r.response.her.indexOf( r.response.my[i])) 
    common.push(r.response.my[i]);
}
common;   // если в Scratchpad Firefox'а нажать Ctrl+L, 
          // код выполнится а в коммент вставится содержание этого массива

Постил ли фотографии – надо просмотреть всю фото методом photos.getAll(). Параметр owner_id – по очереди, каждой из общих групп. У каждой фотографии смотреть значение поля user_id – нужны только те, где оно равно искомому юзеру.

За один вызов метода можно получить до 200 фотографий, поэтому добавляем параметр count=200 и параметром offset листаем по 200 снимков вглубь истории. Можно опять методом execute зарядить сбор – так будет по 25*200 = 5000 фото за один вызов.

Можно не отправлять форму, а перехватить событие отправки и переформатировать данные по-своему:

$( "form" ).on( "submit", function( event ) {
  event.preventDefault();
  var tags=[];
  $('input:checkbox:checked',this).each((i,e)=>{tags.push(e.value)});
  var params = "tags=" + tags.join(',');  // "tags=1,2,3" если все три выбраны
  // дальше либо перенаправляйте браузер window.location=... либо ajax'ом отправляйте данные
});

Fiddle.

Надо двигаться по значениям, по одному, запоминая текущий «класс» значения. При смене создавать новый подмассив, в который пихать очередное значение.

Рабочий пример:

// классификатор – возвращает название класса
// к которому относится переданное значение
// неважно, как называть классы, лишь бы по-разному
function classify(i) {
	if(  typeof i === "number") return "my_number";
	return "my_string";  
}

// группирует в подмассивы идущие подряд
// значения одного класса
function group(a) {
  var i, item, c={prev:null, curr:null}, result=[], to;
  
  for(i=0; i<a.length; i++) {
    item = a[i];
    c.curr = classify(item);
    if(!c.prev || c.prev !== c.curr) {
      c.prev = c.curr;
      result.push([]);
      to = result[result.length-1];
    }
    to.push(item);
  }
  return result;
}

Если не охота разбираться, может, просто делать зацикленный рендер модели, выведенный как анимированный GIF? Дёшево и сердито )

Аналогичный вопрос и ответ:

var tags = [
    "Value 0",
    "Value 1",
    "Value 2",
    "Value 3",  
  ]
  ,selected = []
  ,$in = $('#workDesignTags')
;

render();
$("#workDesignLabels input").on("change", clickHandle);

function render() {
  var i, v, items=[];
  for(i=0;i<tags.length; i++) {
    v = tags[i];
    items.push( $('<label>').append( $('<input>', {
        type:"checkbox",
        name:"design",
        value: i,
      })).append( v)
    );
  };
  $('#workDesignLabels').append(items);
}

function clickHandle() {
  var i, k = $(this).val(), result = [];
  if( !!~(i = selected.indexOf(k))) {
    selected.splice( i, 1);
  } else {
    selected.push(k);
  }
  for(i=0;i<selected.length;i++) result.push( tags[ selected[i]]);
  $in.val( result.join(', '));
};

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="formRow labelBox col3 dropDownMobile" id="workDesign">
  <input type="text" name="tags" id="workDesignTags">
  <div id="workDesignLabels"></div>
</div>

i-- затем, чтобы, удалив только что какой-то элемент вне диапазона, «текущий» элемент указывал на следующий.

Например, i=2, текущий элемент arr[2] это 8, вне диапазона. arr.splice(2,1) удалит этот элемент. Теперь на месте arr[2] оказывается уже 1.

Если не сделать i--, следующее значение i в итерации цикла будет уже 3, а arr[3] это 12 – выходит, "1" пропустили и даже не рассматривали.

Если эта информация прописана в id3 теге mp3 файла, то можно. Например, ffmpeg или его утилита ffprobe умеют читать эти данные из mp3 файла:

ffprobe -v quiet -print_format json  -show_format  music.mp3

Результат:

{
    "format": {
        "filename": "music.mp3",
        "nb_streams": 2,
        "nb_programs": 0,
        "format_name": "mp3",
        "format_long_name": "MP2/3 (MPEG audio layer 2/3)",
        "start_time": "0.025056",
        "duration": "219.350204",
        "size": "7072585",
        "bit_rate": "257946",
        "probe_score": 51,
        "tags": {
            "title": "Rihanna - Work (Feat. Drake)(VipMusic.In)",
            "artist": "VipMusic.In",
            "album": "Rihanna - ANTi (2016) - VipMusic.In",
            "composer": "VipMusic.In",
            "copyright": "VipMusic.In",
            "publisher": "VipMusic.In",
            "genre": "[VipMusic.In]"
        }
    }
}

Имейте в виду, что могут загрузить Metallica, прописав в тегах файла, будто это Лепс.

Ещё вариант – подключаться к api какого-то музыкального сервиса опознавания записи по звуку – напр. EchoNest вроде бы может принимать upload'ы и идентифицировать треки.

См. оператор запятая – он оценивает каждое из перечисленных выражений и возвращает результат последнего. Например:
(123,456,789) // 789

Легко нашёлся готовый конструктор. Хотите молекулу MDMA? =)

upd. «я буду читать комменты перед отправкой ответа. я буду читать комменты перед отправкой ответа. »

upd.2 поднял из комментариев: WebGL библиотека для визуализации молекул.