커뮤니티 네트워크 시각화

merefield · 3월 23, 2021, 2:57오후

커뮤니티 네트워크 시각화


요약	포럼 멤버 간의 관계를 인터랙티브한 2D 또는 3D 네트워크로 탐색합니다.
저장소	merefield/discourse-user-network-vis
설치	플러그인 설치 가이드를 따르세요.
개발 지원	GitHub에서 스폰서하기

기능

커뮤니티를 네트워크 시각화로 제시합니다.

자동으로 추가되는 메뉴 항목을 통해 접근할 수 있습니다(꺼둘 수 있음):

사이드바/드롭다운 메뉴에서 User Network를 클릭하거나 yoursite.com/usernetworkvis로 이동하여 접근할 수 있습니다 - 참고: 시각화를 보려면 등록된 사용자로 로그인해야 합니다.

노드는 사용자를 나타냅니다.
링크는 포럼에서의 상호작용을 나타냅니다 - 상호작용이 많을수록 선이 더 두꺼워집니다.
- 상호작용은 '좋아요’와 '답글’의 조합입니다(이는 모든 사용자에게 공개되는 특정 사용자의 요약 프로필 페이지에 있는 데이터와 정확히 동일합니다)
호버: 사용자를 마우스로 가리키면 해당 사용자와 연결 관계를 시각적으로 분리하여 볼 수 있습니다.
클릭: 노드를 클릭하면 해당 사용자의 요약 프로필로 이동합니다.
드래그: 노드를 이동시켜 보세요
확대/축소: 마우스 휠로 전체 뷰를 확대/축소할 수 있습니다.

현재 신뢰 수준(Trust levels)이 서로 다른 색상으로 표시됩니다. 이 기능을 원하지 않는다면 동일한 색상을 여러 번 설정하세요. 색상을 설정할 다른 기준을 찾을 수 있지만, 매우 일반적이므로 이 기준이 가장 명백했습니다

데이터를 새로고침하려면 작업을 트리거하십시오. 설정 변경 후(이를 필요로 하는 설정은 표시해 두었습니다) 이 작업이 필요할 수 있습니다:

다음으로 이동하십시오: https://your.site/sidekiq/scheduler 그리고 이 작업을 찾으세요:

그렇지 않으면 이 작업은 매시간 실행됩니다.

사용자가 10,000명 이상이라면, 이 작업이 매우 오래 실행되고 리소스를 많이 차지할 수 있습니다. 5,000개 계정의 사이트에서 2코어 2GB VPS를 사용하여 약 30초가 걸리며 정상적으로 작동하는 것 같습니다. SQL은 필연적으로 무겁습니다(BRUTAL)

데이터에 관심이 있으신가요?

이것을 만든 의도는 단순히 그림을 그리고 싶어서였습니다.

데이터를 보고 싶다면 yoursite.com/usernetworkvis.json으로 이동하세요.

어쨌든, 개별적인 경우, 노드를 클릭하여 각 사용자의 요약 페이지에서 이 데이터의 상당 부분을 볼 수 있습니다(가장 많이 답글을 남긴 사용자, 가장 많이 좋아요를 받은/남긴 사용자). 따라서 저는 이를 반공개 정보(semi-public information)로 간주합니다.

설정

설정 … 그래서 … 너무 … 많은 … 설정들이 있습니다:

많은 사람이 있는 큰 사이트를 운영 중이라면 다이어그램이 매우 복잡하게 보일 것입니다. minimum trust level을 높이고, x년 동안 보이지 않는 사람들을 제거하는 옵션을 사용하는 것을 고려해 보세요:

할 일(TODO)

메뉴 항목은 지역화(localisation)를 지원하지만, 아직 아무도 여러분의 언어로 PR을 하지 않았다면, 이를 고려해 주시거나 그렇지 않으면 키 코드(key code)로 남아 있게 될 것입니다 …

크레딧

시각화는 아름다운 d3 라이브러리를 기반으로 합니다.

유사한 프로젝트

이것을 좋아하신다면 이것들도 좋아하실 수 있습니다:

awesomerobot · 3월 24, 2021, 1:36오전

정말 멋지네요! 정확히 같은 내용은 아니지만, 몇 년 전에 읽은 연구가 떠올랐습니다:

merefield · 3월 24, 2021, 7:11오전

오, 좋은 발견이네요. 이게 참여도에 어떤 영향을 미칠지 궁금하네요. … 아마도 Discourse Who's Online? 에 대해서도 비슷한 말을 할 수 있겠죠.

그 말이 또 다른 아이디어를 떠올리게 하네요. 혹시 해당 플러그인이 사용 가능하면, 온라인 상태인 노드 주위에 “헤일로”(광채) 효과를 추가하는 건 어떨까요 …

cogdog · 3월 30, 2021, 7:18오후

감사합니다. 아직 참여도를 끌어올리는 데 애쓰고 있는 교육 커뮤니티에 방금 설치했습니다. 이벤트 관련 활동에는 가입자가 많지만, 그 사이에는 너무 조용해집니다.

최소 신뢰도를 "2"로 설정하여, 많은 노이즈 없이 더 활발한 사용자들을 표시하도록 했습니다.

cogdog · 4월 5, 2021, 4:28오후

데이터의 표 형식 표현에 대한 옵션이나 뷰를 제공하면 유용할 수 있습니다.

merefield · 4월 5, 2021, 4:36오후

이번 글의 의도는 단순히 상황을 그려드리기 위해서였습니다.

데이터를 확인하고 싶으시다면 yoursite.com//usernetworkvis.json으로 이동하시면 됩니다.

어쨌든 개별적으로도 각 사용자의 요약 페이지에서 노드(가장 많이 답장 받은, 가장 많이 좋아함/좋아함으로)를 클릭하면 이 데이터의 상당 부분을 볼 수 있습니다.

cogdog · 4월 5, 2021, 4:50오후

그리고 아름답게 페인팅되고 있습니다. 플러그인 사용자는 항상 더 많은 것을 원하죠, 우리는 꿈꿀 수 있습니다. json 링크를 공유해 주셔서 감사합니다.

merefield · 4월 5, 2021, 4:54오후

쿼리의 SQL을 비교적 쉽게 수정하여 Data Explorer에서 실행할 수도 있습니다:

github.com/merefield/discourse-user-network-vis

jobs/user_network_stats.rb

55354d641


      
          
          def execute(args={})
          
            user_network_list = []
            user_network_link_list = []
          
            min_tl = SiteSetting.user_network_vis_minimum_trust_level
          
              build = DB.build <<-SQL
          
              select source_user_id, target_user_id, sum(score) as score from (
                (SELECT user_actions.user_id as source_user_id, user_actions.acting_user_id as target_user_id, count(*) as score FROM user_actions
                INNER JOIN topics ON topics.deleted_at IS NULL AND topics.id = user_actions.target_topic_id
                INNER JOIN posts ON posts.deleted_at IS NULL AND posts.id = user_actions.target_post_id
                WHERE topics.deleted_at IS NULL
                AND (topics.archetype <> 'private_message')
                AND topics.visible = TRUE
                AND (topics.category_id IS NULL OR topics.category_id IN (SELECT id FROM categories WHERE NOT read_restricted))
                AND user_actions.action_type = 2 GROUP BY user_actions.user_id, user_actions.acting_user_id ORDER BY COUNT(*) DESC)
                UNION
                (SELECT posts.user_id as source_user_id, replies.user_id as target_user_id, count(*) * #{SiteSetting.user_network_vis_reply_multiplier} as score

Jagster · 9월 8, 2021, 5:13오후

내 사용자들은 이 기능을 정말 좋아합니다.hopefully 좀 더 자극을 줄 수 있겠죠

하지만 한 가지 작은 문제가 있습니다: 햄버거 메뉴의 ‘User Network’ 텍스트를 번역할 수 없어요.

IAmGav · 9월 8, 2021, 6:17오후

다음 유지보수 때 이거 무조건 설치할 거야.

@merefield 감사합니다

merefield · 9월 8, 2021, 6:18오후

실수했습니다! 곧 로컬라이제이션(현지화) 지원을 추가하겠습니다.

Jagster · 9월 8, 2021, 6:34오후

괜찮아요, 천천히 하세요. 그건 그렇게 큰 문제가 아니에요.

하지만 지금은 좀 당황스러운 상황이 발생했어요. 햄버거 링크가 모바일에서 전혀 표시되지 않거든요.

Malek1 · 11월 1, 2021, 11:35오전

그 플러그인이 정말 최고네요, @merefield 감사합니다!

merefield · 11월 1, 2021, 12:45오후

완료되었습니다:

add localisation for menu entry · merefield/discourse-user-network-vis@c201b56 (github.com)

merefield · 11월 16, 2021, 11:34오전

이제 Ember CLI 기반 Discourse와 호환되어야 합니다: COMPATIBILITY: fix settings ref for ember cli · merefield/discourse-user-network-vis@c87f1be (github.com)

pfaffman · 11월 16, 2021, 12:12오후

로버트 씨, 왜 이렇게 했어요?

  var _this = this;

어딘가에서 그 스코프 안에서 무언가를 호출하는데, 그러면 this는 내부의 것을 가리키게 되잖아요. 그래서 부모의 this로 빠져나와야 하는 거예요?

merefield · 11월 16, 2021, 12:14오후

비동기 호출 중에 this 객체 참조가 변경되어 더 이상 동일한 것을 가리키지 않기 때문입니다.

m4ur1c3 · 11월 25, 2021, 1:29오전

시각화 기능 정말 마음에 들어요! 관리자뿐 아니라 전체 커뮤니티가 접근할 수 있으면 좋겠어요. 사용자 디렉터리에서 사용자 맵처럼 선택적으로 연결하는 방식도 가능할까요?

또한, 사용자명 대신 이름을 표시할 수 있는 옵션도 있으면 좋겠습니다.

수고 많으셨어요!

merefield · 11월 25, 2021, 3:57오전

이미 커뮤니티에 공개되어 있습니다. 관리자 권한이 필요하지 않습니다. 현재 링크는 모든 사용자에게 표시되어야 합니다.

좋은 아이디어입니다! 해당 옵션을 포함한 PR을 수락합니다.

Jagster · 11월 25, 2021, 4:22오후

링크는 표시되지만, 모바일 기기를 사용하면 지도 자체는 단순히 빈 화면으로 보입니다.

이것이 의도된 기능이라면, 사용자가 더 작은 화면을 사용할 때 햄버거 링크를 숨기는 것이 맞나요?

글		댓글	조회수
What would you like to see on your Discourse 2.0 Admin Dashboard? Community Building feedback	88	15785	4월 16, 2018
Using Discourse to Build a Blog, Reddit, X or Facebook-Style Scrolling Platform Community Building	43	1063	9월 26, 2026
Identify cliques of users Feature ai	1	248	7월 7, 2023
Who’s Online: Users Currently Reading Topic Feature whos-online	19	2529	9월 17, 2020
2024: The Year in Review Community Building year-in-review	13	840	1월 1, 2025

커뮤니티 네트워크 시각화

커뮤니티 네트워크 시각화

기능

데이터에 관심이 있으신가요?

설정

할 일(TODO)

크레딧

유사한 프로젝트

Related topics