Plots2: Узнайте, как представить статистику подписок

Как это ?

@dewanhimanshu спасибо за ваше предложение, но если вы посмотрите https://publiclab.org/stats/subscriptions, там будет множество тегов, и если у нас есть тег для каждой строки, страница будет такой длинной. Вы так не думаете? Может у вас есть другая идея? Спасибо

У меня есть идея, как отображать эту статистику немонотонно и немного более эффективно, но она может отличаться от схемы пользовательского интерфейса сайта. Хотите увидеть макет @cesswairimu ?

Большой! да @ IshaGupta18. Пожалуйста, опубликуйте это

Итак, поскольку мы не хотим, чтобы длина страницы увеличивалась бесконечно, я подумал о создании групп статистических значений, таких как: 0-5, 5-10, 10-15 и т. Д. (Размер класса можно настроить соответствующим образом) :

При нажатии на пузырек он развернется и покажет вам теги, которые имеют это статистическое значение:

При повторном нажатии / отпускании он восстановит свою первоначальную форму.

Как это выглядит? Я подумал, что это может быть немного креативно и игриво и уменьшить пространство. Что ты думаешь @cesswairimu ?

Ух ты! @ IshaGupta18 Мне нравится эта супер креативная идея, и спасибо за работу над мокапами, они выглядят великолепно. Я считаю, что значения - это количество подписчиков, верно?
Также, возможно, мы можем добавить определенные значения тегов во всплывающих окнах, что-то вроде balloon-mapping -1, mapknitter-2, может быть полезно для целей анализа. Что ты думаешь?

Большое спасибо @cesswairimu ! Да, это количество подписчиков, как в данных JSON, за исключением того, что я сделал интервалы классов.
Да, я думаю, что было бы здорово добавить balloon-mapping -1, mapknitter-2 , так как это будет более информативно для анализа!

Потрясающие. Вам было бы интересно реализовать это?

Да, я бы с удовольствием это реализовал! Кроме того, я бы предложил еще один аналогичный макет, возможно, с небольшими изменениями, которые могут улучшить дизайн!

Отлично @ IshaGupta18. Спасибо

@jywarren Я хотел, чтобы вы просто взглянули на мой дизайн, прежде чем я начну его реализовывать, если в случае, если есть что-то еще, что я могу здесь реализовать?

Это очень круто! Такой креативный!

Вот несколько мыслей, которые могут немного повлиять на дизайн:

1. если это будет реализовано с использованием JavaScript, например, p5js - https://p5js.org/ (можно начать с демонстрации на https://editor.p5js.org/), мы могли бы указать его прямо на JSON, чтобы использовать как источник
2. это означало бы, что мы могли бы разработать его как отдельную визуализацию JS и сохранить исходное отображение JSON, скажем, в /stats/subscription.json или /stats/subscription/?format=json
3. Может быть, нам следует показывать по убыванию, чтобы самые популярные теги были вверху?
4. Я действительно думаю, что отображение некоторых тэгов в общем виде было бы здорово, так что можно каким-то образом «просмотреть» данные. Любые идеи? Может это означает немного другую раскладку?
5. в скобках с меньшей популярностью, например 0–5, может быть ТОННА тегов. Если их слишком много, чтобы поместиться в круг, что нам делать?

Мне нравится идея круга. Что, если мы покажем теги рядом с кругами и проведем линию нисходящих кругов от большого к маленькому, идущему вниз по странице? Или другая идея макета? Открыт для идей!

Большое спасибо @jywarren ! Я думаю, что все идеи действительно хороши. Даже я хотел упомянуть проблему в пункте 5. Чтобы решить эту проблему, я подумал об увеличении пузыря пропорционально количеству тегов в этом интервале.

Однако я думаю, это решило бы проблему лучше:
Мы могли бы показать несколько тегов рядом с кругами (которые будут в порядке убывания их размера при перемещении вниз по странице), скажем, 3 из них, а затем, щелкнув пузырек, он отобразит все теги. Таким образом, мы могли пролистать страницу и сохранить информацию в неизменном виде.

Как это звучит?

отлично, сделаем еще один мокап перед реализацией? у тебя была идея?
о том, как вы хотели бы это реализовать, например, мы могли бы делать круги с помощью CSS
border-radius, или мы могли бы использовать p5js? Я думаю, что загружаю его из
адрес JSON, используя что-то вроде
$ .json ('/ stats / subscriptions.json'). onComplete (функция (ответ) {...});
было бы хорошо. Это потребует небольших изменений в контроллере статистики.

В пятницу, 8 февраля 2019 г., в 12:54 Иша Гупта написал на [email protected] :

Большое спасибо @jywarren https://github.com/jywarren ! Я думаю все
идеи действительно хороши. Даже я был про упоминание проблемы в пункте 5.
Чтобы решить эту проблему, я думал об увеличении пузыря пропорционально
количество тегов в этом интервале.

Однако я думаю, это решило бы проблему лучше:
Мы могли бы показать несколько тегов рядом с кругами (которые будут по убыванию
в порядке их размера вниз по странице), скажем, 3 из них, а затем
нажав на пузырек, он покажет все теги. Таким образом, мы могли просмотреть
через страницу и сохраните информацию в неизменном виде.

Как это звучит?

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/publiclab/plots2/issues/4603#issuecomment-461888974 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/AABfJ15nyiYVcP-FiwUF4vfBccV5SQQfks5vLbmogaJpZM4Z8bqv
.

Конечно, я думаю, мы могли бы сделать еще один мокап! Я действительно не думал о части реализации, я думал об использовании CSS и обычного JS, но если вы думаете, что p5js подойдет, мы можем пойти с этим! Я думаю, мы можем сохранить исходный адрес JSON и использовать JS для рендеринга этой страницы.

Если мы можем использовать базовые JS и CSS, давайте попробуем - лучше, чем включать целиком
новая библиотека. Но если вы хотите попробовать p5js, мы могли бы сделать
что-то там тоже ...!

В пятницу, 8 февраля 2019 г., в 13:18 Иша Гупта написал на [email protected] :

Конечно, я думаю, мы могли бы сделать еще один мокап! Я действительно не думал о
часть реализации, я думал об использовании CSS и обычного JS, но если
вы думаете, что p5js подойдет, мы можем с этим справиться! Я думаю, мы можем сохранить
исходный адрес JSON и используйте JS для рендеринга этой страницы.

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/publiclab/plots2/issues/4603#issuecomment-461895999 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/AABfJ1K0MU_eBZJN35QyqnxC7EsI4kaBks5vLb8-gaJpZM4Z8bqv
.

Да, я думаю, мы могли бы изучить оба и посмотреть, какой из них лучше для отображения, а также для сайта! Я бы начал работать над этим в более быстром темпе, как только закончу экзамены в середине семестра! Большое спасибо!

удачи с экзаменами !!

В пятницу, 8 февраля 2019 г., в 13:32 Иша Гупта написал на [email protected] :

Да, я думаю, мы могли бы изучить оба и посмотреть, какой из них лучше для
дисплей как и сайт! Я бы начал работать над этим в более быстром темпе
как только я закончу с экзаменами в середине семестра! Большое спасибо!

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/publiclab/plots2/issues/4603#issuecomment-461900313 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/AABfJ-_qLbiGiTWACqsQ6EFlf3DD2OCyks5vLcKWgaJpZM4Z8bqv
.

Вот обновленный дизайн:

При нажатии на пузырек (мы могли бы расширить их пропорционально количеству тегов)

Дайте мне знать, как это выглядит!

Привет @ IshaGupta18 , как дела? Я могу чем-нибудь помочь? Спасибо

Эй, @cesswairimu, на самом деле я не начал работу намеренно, потому что ждал, пока @jywarren одобрит окончательный дизайн. Прямо сейчас у меня в колледже проходят важные экзамены, поэтому, как только эта идея будет полностью одобрена и экзамены будут завершены, я начну работу над этим. Мне очень жаль эту задержку, я не имел намерения этого сделать.

Не беспокойся, @ IshaGupta18 , всего наилучшего на экзаменах. Спасибо

Это супер здорово! Я думаю, что мы можем реализовать это по частям. Мы могли бы начать со статического дизайна, просто перечисляя все теги и количество подписчиков в правом списке, а затем поработать над интерактивными частями! Как это звучит, чтобы разбить его на более мелкие части, чтобы делать одну за другой?

Надеюсь, твои экзамены идут хорошо, Иша!

Да, это было бы отлично! Мы могли бы начать с небольших PR и начать с
тот, который вы предложили! Большое спасибо!

В среду, 6 марта 2019 г., 3:24 Джеффри Уоррен [email protected]
написал:

Это супер здорово! Я думаю, что мы можем реализовать это по частям. Мы могли бы
начните со статического дизайна, просто перечислив все теги и количество
подписчиков в правом списке, а затем работают над интерактивным
части! Как это звучит, чтобы разбить его на более мелкие части, чтобы делать один за другим
один?

Надеюсь, твои экзамены идут хорошо, Иша!

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/publiclab/plots2/issues/4603#issuecomment-469873165 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/Am54Z8i6cuukmNb_5zNrAfwJXj4Jskesks5vTueogaJpZM4Z8bqv
.

@gettyorawo не могли бы вы поработать над этим? Вы можете сделать пиар для static design just listing all tags and the number of subscribers in the right-hand list на /stats/subscriptions

Привет, @cesswairimu, мне очень жаль, что я бездействовал в этом @GettyOrawo мог бы начать с небольшого пиара, если они заинтересованы, а затем, может быть, я смогу взять на себя интерактивные части? Так мы сможем работать более эффективно. Я здесь, чтобы помочь в любом случае! Большое спасибо!

Привет, @cesswairimu и @ IshaGupta18, конечно, я

@GettyOrawo, дайте мне знать, если вам понадобится помощь! Фактически вы можете разделить его на еще более мелкие PR, например написать логику для добавления тегов в каждый интервал, а затем еще один PR для его отображения. Таким образом, нам будет проще просмотреть. Что вы думаете?

Не беспокойтесь @ IshaGupta18, да, мы оставим вам интерактивные части и создадим для этого контрольный список. Спасибо

Большое спасибо @ IshaGupta18 Я застряну

И хорошая работа над дизайном. Они замечательные!

Привет, @ IshaGupta18 и @cesswairimu, просто чтобы держать вас в курсе. Я все еще разбираюсь в 2D-физическом движке и изучаю некоторые основы, которые мне нужны для его настройки. Надеюсь, я на правильном пути, или мне следует сначала сгруппировать данные в отдельный PR?

Привет, @GettyOrawo, я считаю, что тебе не нужно этого делать. Вероятно, вы бы удалили эту строку https://github.com/publiclab/plots2/blob/master/app/controllers/stats_controller.rb#L8, чтобы вы могли определить, как будут отображаться данные. Шаблон уже создан здесь https://github.com/publiclab/plots2/blob/master/app/views/stats/subscriptions.html.erb. @tags - это хэш пар, состоящий из ключа tag name и значения subscriptions count . Для начала мы хотим отобразить это в простом списке, возможно, похожем на https://publiclab.org/tags, но теперь с первыми двумя элементами этого списка. Спасибо

Хорошо, это имеет смысл. Спасибо @cesswairimu

Прошу прощения за то, что пропустил это. Да, я считаю, что это нужно делать.
Постарайтесь сделать это вначале очень простым, только пару имен тегов на
одна сторона страницы! Большое спасибо!

Пт, 15 марта 2019 г., 18:50 GettyOrawo [email protected] написал:

Хорошо, это имеет смысл. Спасибо @cesswairimu
https://github.com/cesswairimu

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/publiclab/plots2/issues/4603#issuecomment-473283169 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/Am54ZyexnFJY3eTE9mj-9ZxHxlpPeD67ks5vW540gaJpZM4Z8bqv
.

Привет @GettyOrawo ! Как продвигается работа в этом, просто проверяю, нужна ли вам помощь!

Привет, @ IshaGupta18, я только что устроил стартовый пиар. Мне удалось сгруппировать статистику в простую таблицу. Я просто жестко запрограммировал значения в пустой хэш @tags на stats_controller, действие подписки, чтобы я мог проверить причину в разработке, подписок нет.
Затем мне нужно написать тесты для одного и того же, чтобы убедиться, что он работает для всех из них.

Извините, @GettyOrawo, я не дал вам достаточно указаний, учитывая, что это ваша первая проблема. Размещение здесь нескольких указателей. Только что увидел ваш запрос на перенос ... итак, @tags в контроллере статистики появляется как хэш, поэтому нет необходимости делать это. <strong i="7">@tags</strong> = @tags.group_by{|k,v| v}.map{|k,v| {k => v.map{|x| x.join("-")}}} Мы могли бы просто удалить эту строку https://github.com/publiclab/plots2/blob/master/app/controllers/stats_controller.rb#L8.
Затем на обозрение есть этот замечательный класс таблицы, который вы можете использовать table inline-grid для стилизации таблицы. Таким образом, представление могло иметь этот код

<br>
    <table class="table inline-grid">
        <tr>
            <th> Tag </th>
            <th> Number of Subscribers </th>
        </tr>
        <% @tags.each do |tag, tag_count| %>
            <tr>
                <td> <%= tag %> </td>
                <td> <%= tag_count %></td>
            </tr>
        <% end %>
    </table>

Тогда я думаю, мы должны быть хорошими

Что касается тестирования, мы заполнили данные для некоторых тегов, например, всего, блога, теста ... вы можете попросить пользователя подписаться на некоторые из этих тегов, и вы должны увидеть некоторые данные по /stats/subscriptions . Имена пользователей: админ, модератор и пользователь. все пароли - password .
Если этого недостаточно для тестирования, вы можете перевести ветку в нестабильное состояние, выполнив эту команду git push -f https://github.com/publiclab/plots2.git HEAD:unstable просто не забудьте упомянуть, что вы нажимаете на нестабильную версию на канале gitter, чтобы не мешать тестированию другими людьми. Код должен быть доступен здесь http://unstable.publiclab.org/ примерно через 20 минут.
Не стесняйтесь комментировать ниже, если у вас есть какие-либо вопросы
Спасибо

О да, имеет смысл.
Этот код будет отображать имена с их номерами подписки.

<br>
    <table class="table inline-grid">
        <tr>
            <th> Tag </th>
            <th> Number of Subscribers </th>
        </tr>
        <% @tags.each do |tag, tag_count| %>
            <tr>
                <td> <%= tag %> </td>
                <td> <%= tag_count %></td>
            </tr>
        <% end %>
    </table>

нравиться:

Хотя для очень уродливого кода на контроллере:
<strong i="42">@tags</strong> = @tags.group_by{|k,v| v}.map{|k,v| {k => v.map{|x| x.join("-")}}}

Я пытался сгруппировать статистику по общим номерам подписки, например статистика с 1 будет ["amanda-1", "grace-1"], статистика с 43 будет ["cess-43", "isha-43" ], чтобы все статистические данные с общими номерами подписок были вместе. Тем не менее, он требует серьезного рефакторинга: вот как я думал об их выводе;

Изначально @tags - это хэш с ключами в качестве тегов и значениями в виде количества подписок на этот тег.
Мой вопрос: нужен ли мне этот код, встроенный в мое представление, или он должен быть в действии контроллера, чтобы я мог отсортировать их таким образом?

Ага классно! Я вижу, что твой дисплей выглядит намного лучше: balloon:. Мы можем провести рефакторинг позже. Спасибо

Здесь, @GettyOrawo, проделана потрясающая работа! Смело обращайтесь за помощью! @cesswairimu, как только это будет сделано, мы начнем создавать группы, такие как интервалы между

Хорошо, спасибо, ребята, я буду в курсе прогресса.

Привет, @cesswairimu , @ IshaGupta18 и @jywarren Я отправил, где я нахожусь с этой проблемой, в

https://github.com/publiclab/plots2/pull/5224

Я считаю, что научиться отображать статистику, как указано в макете, занимает немного времени. Я просмотрел статьи и руководства по p2.js иatter.js. На самом деле это выполнимо, но на это уйдет гораздо больше времени, чем я предполагал. Можно ли объединить это, и тогда в будущем я смогу улучшить дисплей.

Это немного ошеломляет, так как я изо всех сил пытаюсь уложиться в крайний срок подачи заявки на Outreachy, но это моя первая проблема. Что вы, ребята, думаете по этому поводу?

Вот что у меня есть на данный момент:

Привет, @GettyOrawo, он отлично выглядит, и да, конечно, мы сможем доработать позже ... Если бы вы могли просто исправить проблемы с кодеклиматом, мы были бы хороши. Большое спасибо за работу над этим.

Да, безусловно, это потрясающая работа! И не беспокойся об этом слишком много
теперь сосредоточьтесь на своем приложении, этого действительно достаточно! Большое спасибо!

21 марта 2019 г., 21:05 Cess [email protected] написал:

Привет, @GettyOrawo https://github.com/GettyOrawo, он отлично выглядит и
да, конечно, мы сможем уточнить позже ... Если бы вы могли просто исправить кодклимат
вопросы мы должны быть хорошими. Большое спасибо за работу над этим.

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/publiclab/plots2/issues/4603#issuecomment-475279958 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/Am54Zw8RlXPdFHli6JdffNyk2CjxyeWNks5vY6aygaJpZM4Z8bqv
.

Потрясающе Спасибо большое. Позвольте мне исправить это.

Хорошо, теперь все тесты пройдены. : Little_smiling_face:

@cesswairimu и @ IshaGupta18, можно мне поработать над другой проблемой? Или мне следует искать ошибку, чтобы исправить и создать проблему?

Это ЭПИЧНЫЙ первый пиар! Вот это да!!! Поздравляем, и да, мы всегда поддерживаем выполнение начального простого проекта и создание сложности в последующих PR! Вау, позвольте мне сделать обзор. Спасибо!!!! и фантастическая работа всем!

Спасибо, @jywarren ! :улыбка:

Привет, @jywarren @cesswairimu, в этом еще есть работа, чтобы сделать интерактивные пузыри. Я скоро займусь этим. Мы можем продолжить работу и над следующим выпуском, но я думаю, что мы должны оставить его открытым на некоторое время. Что вы ребята думаете? Большое спасибо и отличная работа @GettyOrawo !

Ага, отлично! Спасибо @ IshaGupta18 !!!

В пн, 25 марта 2019 г., в 15:55 Иша Гупта [email protected] написал:

Привет @jywarren https://github.com/jywarren @cesswairimu
https://github.com/cesswairimu в этом еще есть работа, чтобы
сделайте интерактивные пузыри. Я скоро займусь этим. Мы можем
продолжить работу и над следующим выпуском, но мы должны оставить это
один открыт на некоторое время, я думаю. Что вы ребята думаете? Большое спасибо и
отличная работа @GettyOrawo https://github.com/GettyOrawo !

-
Вы получаете это, потому что вас упомянули.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/publiclab/plots2/issues/4603#issuecomment-476352685 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/AABfJ9Vf5E1FxwrysJH1AKDsjnUgsGBcks5vaSmOgaJpZM4Z8bqv
.

Завершая это ... мы находимся в лучшем виде, и здесь также идет такое же обсуждение https://github.com/publiclab/plots2/issues/5260. Спасибо всем